8/10/2016

2.5.Anidandocolumnas(Bootstrap3,elmanualoficial)

Ver ndice de contenidos del libro

2.5. Anidando columnas

Bootsrap 3 tambin permite anidar columnas dentro de otras columnas. Para ello, dentro de una columna con la
clase colmd* crea un nuevo elemento con la clase .row y aade una o ms columnas con la clase .colmd* . Las
columnas anidadas siempre tienen que sumar 12 columnas de anchura, tal y como muestra el siguiente ejemplo.
<divclass="row">
<divclass="colmd9">
Level1:.colmd9
<divclass="row">
<divclass="colmd6">
Level2:.colmd6
</div>
<divclass="colmd6">
Level2:.colmd6
</div>
</div>
</div>
</div>

Ver este ejemplo en una nueva pgina (/ejemplos/bootstrap_3/ejemplo-2-5.html)

Anterior
2.4. Desplazando columnas

Siguiente
2.6. Reordenando las columnas

(../capitulo_2/desplazando_columnas.html)
(../capitulo_2/reordenando_las_columnas.ht

INDICE DE CONTENIDOS
1. Primeros pasos (../capitulo_1.html)
Captulo 2. Diseando con rejilla (../capitulo_2.html)
2.2. Tipos de rejillas (../capitulo_2/tipos_de_rejillas.html)
2.3. Reseteando columnas (../capitulo_2/reseteando_columnas.html)
2.4. Desplazando columnas (../capitulo_2/desplazando_columnas.html)
2.5. Anidando columnas (../capitulo_2/anidando_columnas.html)
2.6. Reordenando las columnas (../capitulo_2/reordenando_las_columnas.html)
2.7. Variables y mixins de LESS (../capitulo_2/variables_y_mixins_de_less.html)
3. Tipografa (../capitulo_3.html)
http://librosweb.es/libro/bootstrap_3/capitulo_2/anidando_columnas.html

1/2

8/10/2016

2.5.Anidandocolumnas(Bootstrap3,elmanualoficial)

4. Elementos CSS (../capitulo_4.html)

5. Formularios (../capitulo_5.html)
6. Componentes (../capitulo_6.html)
7. Plugins de JavaScript (../capitulo_7.html)

2006-2016 LibrosWeb.es Contacto (/sitio/contacto)

Novedades (https://plus.google.com/+librosweb)

(/sitio/privacidad)

Condiciones (/sitio/condiciones)

Privacidad

3.588

das online

http://librosweb.es/libro/bootstrap_3/capitulo_2/anidando_columnas.html

2/2