Bootstrap崩溃和填充问题

Question

我正在使用过渡崩溃.下面的代码可以工作,但因为我在样式表中有10px填充,我看到div崩溃但在它应该之前停止10px然后消失.在扩展时反之亦然,因为div扩展到比恢复到正确尺寸之前应该大10px.

HTML

<div ng-controller="MainCtrl" class="box-content collapse" id="mybox">
                            Lorem ipsum ...
</div>

CSS

.box-content{
    background: red;
    padding: 10px;
}

Answer 1

容易-只需在折叠样式中添加另一个具有样式的div

Answer 2

您必须将内容包装在.collapse中，如果要填充，可以设置包装器的CSS。

的HTML

<div ng-controller="MainCtrl" class="box-content collapse" id="mybox">
  <div class='wrapper'>                  
    Lorem ipsum ...
  </div>
</div>

的CSS

.wrapper{
  padding: 10px;
}