4

Bootstrap のコンパイル済み CSS をオーバーライドする CSS を使用してこの問題を解決する方法は知っていますが、この配置の問題は非常に一般的な使用例であるため、Bootstrap フレームワークの使用方法を誤解していたに違いありません。(Bootstrap で初めて。)

ケース:コンテナー B ( JSFiddle ) の列は、コンテナー A のコンテンツと整列しません。これは、Bootstrap が各列に 15 ピクセルの左右のパディングを生成するためです。

<section class="container A">
    <h1>About Us</h1>
    <p>Lorem</p>
</section>

<section class="container B">

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

    <div class="col-md-3">
        <h2>Hiya!</h2>
        <p>Lorem ipsum</p>
    </div>

</section>

質問: CSS を使用せずに HTML のみを変更して、列のコンテンツをコンテナー A のコンテンツに揃える方法はありますか?

セットアップ:上記には Twitter ブートストラップ 3.0.0 を使用する必要があります。

OT:ご覧のとおり、これは SO に関する私の最初の投稿です。この質問とそのマークアップを改善する方法についてアドバイスをいただければ幸いです。

ありがとう！

4

1 に答える 1

2

はい、あなたは two を使用しました。代わりにcontainers2 でフィドルを更新し、最初の行で画面の幅全体を占めるwith クラスを使用しました。ここで確認してください: http://jsfiddle.net/3ELJH/3/rowsdivcol-md-12

于 2013-09-04T13:28:00.177 に答える