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

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

<强> Demo 2

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

1 个答案: