2012-04-14 62 views
10

我認爲這可能是一個愚蠢的問題,但我不明白來自Twitter Bootstrap的.row類的用法。那麼,它用於什麼?Bootstrap中行類的用法是什麼?

我試圖做這樣的事情在這個結構中:

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

應該是什麼這樣的基本結構和需要的行?

回答

9

的引導翻譯使用正常的錶行,<tr>,變成了更多的語義積木,你可以用它來佈置你的設計,並與他們又譯表中的數據塊,<td>,爲您使用.span*類與內容分開,這被稱爲網格。基本上,您可以將行看作一個水平容器,您可以使用積木填充span標籤,然後您可以將其堆疊在其他行的上方或下方以創建佈局。

那麼,說明你的佈局,您可以使用行這樣的堆棧:

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

通知之行如何分開,你想分居不同層次的內容。您可以在自舉腳手架documentation上找到關於網格系統使用情況的更多信息,他們也有一個堆疊網格,您可以查看源代碼,以瞭解這些行是如何堆疊起來以及如何放置這些內容一起。

+4

問題是關於.row類,這個答案沒有使用。相反,它使用標籤? – paulo62 2014-09-25 14:19:32