当与浮动div组合时，引导程序面板大于内容

Question

当我尝试混合Bootstrap 3面板和浮动div时，我遇到了奇怪的行为。

在这个特定的例子中，浮动div是一个btn-toolbar。面板将延伸到其左侧工具栏的高度，而不是将其高度调整为其中内容的高度。通过添加或删除按钮来更改工具栏的高度会更改面板的高度。我相信它们不应该对彼此产生任何影响。

引导：http://www.bootply.com/129573

Answer 1

bootstrap.min.css中的这一行-第7行导致了它。

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {

清除:两者都有；}

因此可以创建一个css规则

.main .panel-body:before, .main .panel-body:after{clear:none}

请参阅http://www.bootply.com/129617