Ren*_*ani 10 css twitter-bootstrap
我认为这可能是一个愚蠢的问题,但我不明白.rowTwitter Bootstrap中该类的用法.那么,它用于什么?
我试图在这个结构中做这样的事情:
LOGO
SUB-MESSAGE
MENU 1 | MENU 2 | MENU 3 | MENU ...
CONTENT | ADS
CONTENT | ADS
CONTENT | ADS
CONTENT | ADS
... | ...
Run Code Online (Sandbox Code Playgroud)
什么应该是这个和需要行的基本结构?
引导程序将普通表行的使用<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>
Run Code Online (Sandbox Code Playgroud)
请注意行如何分隔您希望分隔的不同级别的内容.您可以在bootstrap脚手架文档中找到有关网格系统使用情况的更多信息,它们还有一个堆叠网格,您可以查看源代码以了解行如何堆叠以及如何放置内容一起.
| 归档时间: |
|
| 查看次数: |
5781 次 |
| 最近记录: |