将 1/4 添加到 Twitter Bootstrap 列

Question

我有这样的连续三列：

<div class="col-lg-.5 side-nav"></div>
<div class="col-lg-8.25 canvas"></div>
<div class="col-lg-3.25 persistent"></div>'

.5 + 8.25 + 3.25 = 12，但我的列显示不正确。我做错了什么？

Answer 1

这不可能是正确的。 Bootstrap 只包含 col-md-integer

你可以试试

Col-lg-1
Col-lg-8
Col-lg-3

Answer 2

要有一半的 col-lg-1，你可以使用这个

<div class="col-lg-1">
  <div class="row">
    <div class="col-lg-6"></div> <!-- here you have half of col-lg-1 -->
  </div>
</div>

Answer 3

如果您需要 12 列以外的内容：

12 x 4 = 48 cols

所以只需使用 bootstrap 自定义 48 列 。

Adding 1/4th to a Twitter Bootstrap column