如果最后一个为空，如何跨越ASIDE上的内容

Question

我有一个Bootstrap 3布局，主要是2列宽。左侧的NAV列（带有＃34; col-sm-3＆＃34;类）和右侧的CONTENT列（带有＆＃34; col-sm-9＆＃34;）。

<nav class='col-sm-3'>
  ...
</nav>
<article class='col-sm-9'>
  ...
</nav>

我还需要添加第三列，SIDEBAR：

<nav class='col-sm-3'>
  ...
</nav>
<article class='col-sm-6'>
  ...
</nav>
<aside class='col-sm-3'>
  ...
</nav>

但我的问题是ASIDE并不总是充满内容，所以我希望ARTICLE会跨越通常专用于ASIDE的空间，以防它是空的（比如替换＆＃34; col-sm-6＆＃ 34;使用＆＃34; col-sm-9＆＃34;）。

怎么做？

Answer 1

你不能单独使用Bootstrap框架 - 你需要引入一些Jquery。看看 - Remove or hide a div if it's empty

您需要在空时删除该div，并将class添加到文章div以增加col大小。我就是这样做的。