web-dev-qa-db-ja.com

Bootstrapネストされたグリッドシステムのベストプラクティス

bootstrapを使用して外部cssを使用せずにサイトを作成しようとしています。ネストされたグリッドシステムを使用して、書式設定の目標の多くを達成できるようです。

例.

<div class="container-fluid bs-docs-grid">
    <div class="row show-grid">
        <div class="col-md-6">
            <div class="row show-grid">
                <div class="col-md-4">
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
        <div class="col-md-6">
        </div>
    </div>
</div>

これは合理的な慣行ですか？

htmlcsstwitter-bootstraptwitter-bootstrap-3grid-system
29
Ben Pearce

ネストのコードは、正確にBootstrapが推奨するものです： http://getbootstrap.com/css/#grid-nesting

Show-gridクラスとbs-docs-gridクラスに対する特別な必要性がない限り、それらを含める必要はありません。それらはベースの一部ではありませんbootstrap CSS。

ネストされたグリッドを使用して必要なレイアウトを実現できる場合、私は確かにそれらを使用します。時間を節約し、潜在的なブラウザ互換性の問題を減らします。

がんばろう！

25
David Taiaroa