Bootstrap崩溃和填充问题

use*_*235 9 css-transitions twitter-bootstrap

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

HTML

<div ng-controller="MainCtrl" class="box-content collapse" id="mybox">
                            Lorem ipsum ...
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.box-content{
    background: red;
    padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)

use*_*235 6

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

  • 其实对我没有用,a。仍然得到跳跃。 (2认同)

小智 5

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

的HTML

<div ng-controller="MainCtrl" class="box-content collapse" id="mybox">
  <div class='wrapper'>                  
    Lorem ipsum ...
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

.wrapper{
  padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)