Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导中的row类有什么用途?_Css_Twitter Bootstrap - Fatal编程技术网

Css 引导中的row类有什么用途?

Css 引导中的row类有什么用途?,css,twitter-bootstrap,Css,Twitter Bootstrap,我认为这可能是一个愚蠢的问题,但我不理解Twitter引导中.row类的用法。那么,它的用途是什么 我试图在这个结构中做类似的事情: LOGO SUB-MESSAGE MENU 1 | MENU 2 | MENU 3 | MENU ... CONTENT | ADS CONTENT | ADS CONTENT

我认为这可能是一个愚蠢的问题,但我不理解Twitter引导中
.row
类的用法。那么,它的用途是什么

我试图在这个结构中做类似的事情:

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

该行的基本结构应该是什么?在需要行的位置?

引导程序将普通表行的使用转换为一个更具语义的构建块,您可以使用它来布局设计,并由此转换表数据块,进入用来分隔内容的
.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>

标志
子消息
菜单1 |菜单2 |菜单3 |菜单。。。
内容|广告
内容|广告
内容|广告
内容|广告

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

问题是关于.row类的,此答案没有使用该类。而是使用标签?