css – Bootstrap中的行类的用法是什么？

我认为这可能是一个愚蠢的问题,但我不明白Twitter Bootstrap中的.row类的用法.那是什么用的？

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

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

这应该是一个基本的结构,需要哪一行？

解决方法

引导将正常表格行< 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上找到有关网格系统使用情况的更多信息,它们还有一个堆叠的网格,您可以查看源代码,了解行堆叠的方式以及放置内容的方式一起.

原文地址：https://www.jb51.cc/css/214321.html