9

ブートストラップでクラス「オフセット」を使用できる標準のマージン左を提供すると思います。同時に、標準の margin-right を提供するために使用できるクラスは何ですか? 例：

<div class="row-fluid">
    <div class="offset2 span8"></div>
</div>

何らかの理由で、offset2 に相当する margin-right を指定する必要があります。いくつかの解決策は非常に役立ちます。ありがとうございました。

4

1 に答える 1

12

margin-right の offset-x に相当するクラスはありません。正当な理由により、必要ありません。このように考えてください。左右に 3 列ずれた 6 列の div が必要な場合は、次のようにします。

<div class="row">
    <div class="span6 offset3">Your content...</div>
</div>

また、2列だけオフセットする必要がある6列のdivがある場合、オフセットは右側に2列ある必要があります。コードは次のようになります。

<div class="row">
    <div class="span6 offset4">Your content...</div>
</div>

常に 12 列で作業していることに注意してください (variables.less の変更がない限り)。そのため、span-x と offset-x を使用して目的の位置を達成できます。追加のピクセルを微調整する場合は、スパン内のコンテンツ コンテナーに追加のクラス (または ID) を追加します。例えば：

<div class="row">
    <div class="span6 offset4">
        <div class="tweaked-margin">Your content...</div>
    </div>
</div>

CSS:

.tweaked-margin {
    margin-right: 4px; // or whatever you need
}
于 2013-08-11T18:07:08.043 に答える