html - attribute - Buenas prácticas de los sistemas de redes anidadas de Bootstrap

title html attribute

Question

Intento crear un sitio usando bootstrap y sin CSS externo. Parece que puedo lograr muchos de mis objetivos de formato utilizando sistemas de grids anidados.

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>

¿Es esta una práctica razonable?

Answer 1

Su código para anidar es exactamente lo que recomienda Bootstrap: 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 de la base bootstrap CSS.

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

¡Buena suerte!