2012-04-14 64 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