Twitter bootstrap 3 引导布局：第二列隐藏时，2列拆分66/33%或1列100%

我有一个像这样的bootstrap3布局

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

通常，第一列显示为66%，第二列显示为33%

---

当我没有第二列的内容时，我希望能够隐藏它并使第一列占据100%的宽度。我认为它可以通过mixin来实现，但是当我试图让它工作时，有没有更好的方法？

如果它是空的，你可以在col-md-8之后添加class

.col-md-12

，然后将class

.hide

添加到col-md-4。我不知道你是如何实现你的网站。如果是CMS，如果col-md-4==empty，您可以使用一个小复选框来添加这些类

---

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

我也对这个问题感兴趣。我觉得应该有一个干净的Css解决方案来解决这个使用JavaScript的w/o问题。