web-dev-qa-db-fra.com

Bootstrap Meilleures pratiques des systèmes de grille imbriquée

J'essaie de créer un site en utilisant bootstrap et aucun CSS externe. Il semble que je puisse atteindre plusieurs de mes objectifs de mise en forme en utilisant des systèmes de grille imbriqués.

ex.

<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>

Est-ce une pratique raisonnable?

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

Votre code d'imbrication est exactement ce que Bootstrap recommande: http://getbootstrap.com/css/#grid-nesting

Sauf si vous avez un besoin spécifique pour les classes show-grid et bs-docs-grid, il n'est pas nécessaire de les inclure. Ils ne font pas partie de la base bootstrap CSS.

Si vous pouvez obtenir la mise en page dont vous avez besoin en utilisant des grilles imbriquées, je les utiliserais certainement. Ils vous feront gagner du temps et réduiront les problèmes potentiels de compatibilité du navigateur.

Bonne chance!

25
David Taiaroa