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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/214321.html

猜你在找的CSS相关文章