将 1/4 添加到 Twitter Bootstrap 列答案

【问题标题】：Adding 1/4th to a Twitter Bootstrap column将 1/4 添加到 Twitter Bootstrap 列
【发布时间】：2015-03-17 17:25:56
【问题描述】：

我连续三列这样的：

<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，但我的列显示不正确。我做错了什么？

【问题讨论】：

【解决方案1】：

有一半的 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>

【讨论】：

这是你想要的最干净的方法。我正要评论同样的事情，但 yuyokk 打败了我。 +1
你能创建一个小提琴，让我可以看到 col-lg-.5 后面跟着 col-lg-8.25 吗？在你的回答中，我看不出它怎么可能......我看到一个 0.5 col，一个 0.5 空白......
类似jsfiddle.net/9af3827s 但请注意我使用 col-xs-* 使其在那个小的 jsfiddle 窗口上可见
其实我只想说，0.5后面没有跟其他col...有空格：jsfiddle.net/9af3827s/1。使用 Xs col 使其也适用于更高，而不是反向
它是默认的边距和内边距，应用于引导程序中的所有类

【解决方案2】：

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

你可以试试

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

【讨论】：

【解决方案3】：

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

12 x 4 = 48 cols

所以只需使用自定义的引导程序 48 cols。

【讨论】：