2012-04-14 11 views
10

Myślę, że to może być głupie pytanie, ale nie rozumiem korzystania z klasy .row z Twitter Bootstrap. Więc do czego służy?Jakie jest użycie klasy wiersza z Bootstrap?

Próbuję zrobić coś takiego w tej strukturze:

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

Co powinno być podstawową strukturę do tego i gdzie potrzebny jest rząd?

Odpowiedz

9

ładowania początkowego tłumaczone stosowanie normalnych wierszy tabeli, <tr>, w bardziej semantycznej bloku budowlanego, które można wykorzystać do układu swój projekt, a co za tym oni również tłumaczone bloków danych tabeli, <td>, do .span* klas używanych aby oddzielić zawartość od, która jest nazywana siatką. Zasadniczo można myśleć o wierszu jako poziomym kontenerze, który można wypełnić klockami, znacznikami span, które później można układać w stos powyżej lub poniżej innych wierszy, aby utworzyć układ.

Tak więc, aby zilustrować swój układ, można użyć stos rzędów takiego:

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

zauważyć, jak wiersze oddzielić różne poziomy zawartości, które chcesz mieć rozdzielone. Więcej informacji na temat korzystania z systemu grid można znaleźć na rusztowaniu startowym documentation, mają one również ułożoną siatkę, z której można wyświetlić źródło, aby uzyskać informacje o tym, w jaki sposób rzędy są układane w stosy i w jaki sposób zawartość jest umieszczona w środku. razem.

+4

Pytanie dotyczyło klasy .row, której ta odpowiedź nie używa. Zamiast tego używa tagu ? – paulo62

Powiązane problemy