Css 如果最后一个为空，如何跨越内容

我有一个bootstrap3布局，主要是2列宽。左侧为导航栏（带有类别“

col-sm-3

”），右侧为内容栏（带有类别“

col-sm-9

”）

...
...

我还需要添加第三列，一个侧栏：

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

...
...
...

但我的问题是，旁白并不总是充满内容，所以我希望这篇文章能够跨越通常用于旁白的空间，以防它是空的（比如将“

col-sm-6

”替换为“

col-sm-9

”）

---

如何做到这一点？

单靠Bootstrap框架是无法做到的，您需要引入一些Jquery。看看-

---

当div为空时，您需要删除该div，还需要将类添加到article div以增加列大小。这就是我要做的。

我想象了一个这样的解决方案。。。但我希望这是一个更好的解决方案-（那太好了！我目前正在使用asp.net隐藏空div，但是如果您没有这样的设置，并且只是从前端进行设置，那么就没有其他选择了。）

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