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

Question

工具：

我有以下工具：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>

我想要什么：

（见绿色虚线）

bootstrap第3版

Answer 1

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

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

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

Answer 2

您可以使用自动列类：

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