如何细分 Bootstrap 2 网格中的第一列？

Question

我有这样的东西：

<div class="row-fluid">
    <div class="span1"> Nr </div>
    <div class="span11"> Text </div>
</div>

问题是第一列占行宽的 8.3%，但我只希望它占宽度的 5% - 其余 95% 的部分用于第二列。

如何细分第一列，然后将其剩余部分添加到第二列？

Answer 1

@media(min-width: 768px) {
    .span1.five {
        width: 5%;
        background: pink;
        display: inline-block;
        text-align: center;
    }
    .span1.five + div {
        width: 92%; /* << could be refined to get closer to the page margin */
    }
}

Demo

您希望 nest a row 在 span11 元素内进一步分解它。

Demo 2