Mejores Prácticas de Sistemas de Cuadrícula Anidados Bootstrap

Question

Mejores Prácticas de Sistemas de Cuadrícula Anidados Bootstrap

Estoy intentando crear un sitio usando bootstrap y sin css externo. Parece que puedo lograr muchos de mis objetivos de formato utilizando sistemas de cuadrícula anidados.

E. x.

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

Es esta una práctica razonable?

28

css html twitter-bootstrap twitter-bootstrap-3 grid-system

Author: Ben Pearce, 2014-04-17

Source

1 answers

score 24 · Accepted Answer

Su código para el anidamiento es exactamente lo que Bootstrap recomienda: http://getbootstrap.com/css/#grid-nesting

A menos que tenga una necesidad específica de las clases show-grid y bs-docs-grid, no es necesario incluirlas. No son parte del CSS de bootstrap base.

Si puede lograr el diseño que necesita usando cuadrículas anidadas, ciertamente las usaría. Le ahorrarán tiempo y reducirán los posibles problemas de compatibilidad del navegador.

¡Buena suerte!