2012-04-14 7 views
10

Creo que esta puede ser una pregunta tonta, pero no entiendo el uso de la clase .row de Twitter Bootstrap. Entonces, ¿para qué se usa?¿Cuál es el uso de la clase de filas de Bootstrap?

Estoy tratando de hacer algo como esto en esta estructura:

LOGO 
SUB-MESSAGE 
MENU 1 | MENU 2 | MENU 3 | MENU ... 
CONTENT           | ADS 
CONTENT           | ADS 
CONTENT           | ADS 
CONTENT           | ADS 
...            | ... 

Lo que debería ser una estructura básica para esto y dónde se necesita la fila?

Respuesta

9

El arranque traducido el uso de filas de la tabla normales, <tr>, en un bloque de construcción más semántica que se puede utilizar para el diseño de su diseño, y con el que también tradujo los bloques de datos de la tabla, <td>, en los .span* clases que utiliza para separar contenido con, que se llama una grilla. Básicamente, puede pensar en una fila como un contenedor horizontal que puede llenar con bloques de construcción, las etiquetas span, que luego puede apilar arriba o debajo de otras filas para crear un diseño.

Así, para ilustrar su diseño, puede utilizar una pila de filas como esto:

<row> 
    <span>LOGO</span> 
    SUB-MESSAGE 
</row> 

<row> 
    <span>MENU 1 | MENU 2 | MENU 3 | MENU ...</span> 
</row> 

<row> 
    <span>CONTENT</span>        | <span>ADS</span> 
    <span>CONTENT</span>        | <span>ADS</span> 
    <span>CONTENT</span>        | <span>ADS</span> 
    <span>CONTENT</span>        | <span>ADS</span> 
</row> 

Observe cómo las filas se separan los diferentes niveles de contenido que desea han separado. Puede encontrar más información sobre el uso del sistema de cuadrícula en el andamio de arranque documentation, también tienen una cuadrícula apilada que puede ver la fuente para tener una idea de cómo se apilan las filas y cómo se coloca el contenido dentro de juntos.

+4

La pregunta era sobre la clase .row, que esta respuesta no usa. En su lugar, usa una etiqueta ? – paulo62

Cuestiones relacionadas