引导布局：当第二列隐藏时，2列分割66/33％或1列100％

Question

我有像这样的Bootstrap 3布局

<div class="row">
    <div class="col-md-8"></div>
    <div class="col-md-4"></div>
</div>

通常，这会将第一列显示为66％，将第二列显示为33％

当我没有第二列的内容时，我希望能够隐藏它并使第一列占据100％的宽度。我认为可以用mixins来完成，但是当我试图让它工作时，有更好的方法吗？

Answer 1

如果它为空，您可以在col-md-8之后添加类.col-md-12，并将类.hide添加到col-md-4。我不知道你是如何实现你的网站的。如果它是CMS，如果col-md-4 ==为空，您可以使用一个小的复选框来添加这些类。

如果您隐藏在不同的断点处，请查看TWB文档的响应实用程序部分。