10

我认为这可能是一个愚蠢的问题，但我不明白.rowTwitter Bootstrap 类的用法。那么，它是用来做什么的呢？

我试图在这个结构中做这样的事情：

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

这应该是什么基本结构以及需要行的位置？

4

1 回答 1

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>

请注意行如何分隔您希望分隔的不同级别的内容。您可以在 bootstrap 脚手架文档中找到有关网格系统使用的更多信息，它们还有一个堆叠网格，您可以查看源代码以了解行是如何堆叠的以及其中的内容是如何放置的一起。

于 2012-04-14T19:21:37.120 回答