Bootstrap自动调整列宽

Question

我创建了两个专栏页面。喜欢，

<div class="row">
  <div class="col-sm-2"></div>
  <div class="col-sm-10"></div>
</div>

如果第一列没有数据，bootstrap是否有像调整列宽度的选项。？

Answer 1

快速回答不是！如果您查看the source code，您会看到col-sm的宽度是按百分比定义的：

// Generate the small columns
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
  position: relative;
  min-height: 1px;
  padding-left:  (@gutter / 2);
  padding-right: (@gutter / 2);

  @media (min-width: @screen-sm-min) {
    float: left;
    width: percentage((@columns / @grid-columns));
  }
}

所以最好的方法是在服务器端分配正确的类或编写一个小脚本来检查内容并调整类。