Twitter bootstrap 如果相邻div为空，则自动拉伸引导列

工具：

我有以下可用工具：Bootstrap、.less

问题：

如果相邻列中没有任何内容，是否有方法自动拉伸列。以下是我想知道的html：

<section class="document-viewer fadeIn">
    <div class="tb-container">
        <div class="row">
            <div class="col-md-9">
                stuff in here
            </div>
            <div class="col-md-3">
                <div class="something">
                    sometimes stuff in here, but not always
                </div>
                <div class="something">
                    sometimes stuff in here, but not always
                </div>
                <div class="something">
                    sometimes stuff in here, but not always
                </div>
            </div>
        </div>
     </div>
</section>

这里的东西
有时候这里有东西，但不总是
有时候这里有东西，但不总是
有时候这里有东西，但不总是

我想要什么：

（见绿色虚线）

---

引导版本3

您可以使用自动列类：

<div class="col-md-auto">Content</div><div class="col col-lg-3"></div>

内容

您可以使用以下样式添加class/id.column或.column1.columnN:

.column {
    min-height: 500px;
    background: gray;
    border: 3px solid black;
  }

---

根据需要调整高度并将该类添加到HTML中。

您可能需要指定引导程序的版本，v3和v4之间的网格系统发生了重大变化。只要存在

.col-md-3

，它将保留该空间，无论其中是否有内容。您需要做的是在不使用该列时删除该列，并将

.col-md-9

更改为

.col

（对于Bootstrap 4）或

.col-xs-12

（对于3.x）哪个引导版本当

col-md-3

为空时，OP似乎要拉伸最左边的列宽度以扩展整个容器空间。

min height

值如何表示对象的宽度？如果您选择向下投票，请让我知道我的建议是如何不正确的。