0

ボディの背景が灰色のデザインがあり、コンテンツは 20px のパディングの白いコンテナー内にあります。

Bootstrap を使用して作成していますが、この 20px のパディングをコンテナーに追加すると、他のすべてのスパン要素が収まりません...

そのはず：

<div class="container"> <!-- this should be white background -->
    <div class="row">
        <div class="span4"></div> <!-- this element should be 20px margin left --> 
        <div class="span4"></div>
        <div class="span4"></div> <!-- this element should be 20px margin right -->
    </row>
</div>

この種のコンテナを Bootstrap で作成する方法はありますか?

ありがとう。

4

4 に答える 4

1

これで問題は解決しますか?

.container {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
于 2013-08-02T08:12:29.953 に答える
0

簡単な修正はrow-fluid、 ではなく単に ,rowを使用することです。これにより、spanNdiv が使用可能なものを分割できるようになります。クラスは、固定サイズのクラスを提供しrowます。span

于 2013-08-02T08:19:29.653 に答える
0

最初に、新しいものがあることを述べたいと思います

Bootstrap version (3)

利用できるようになりました。すでにインストールされているバージョンを使用したい場合は、クラスを使用してみてください

row-fluid

行の代わりに。の

offset

クラスも可能ですが、間隔が広すぎる可能性があります...

于 2013-08-02T08:19:59.900 に答える