我认为这可能是一个愚蠢的问题,但我不明白.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)
什么应该是这个和需要行的基本结构?
行必须放在
.container(固定宽度)或.container-fluid(全宽)内
和
使用行创建水平列组.
为什么这有必要?
甲.row只能占据的任一的最大宽度.container或.container-fluid
鉴于你必须关闭,.row它似乎写得更长:
<div class="container">
<div class="row">
<div class="col-md-6">
<h1>Column A</h1>
</div>
<div class="col-md-6">
<h1>Column B</h1>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h1>Column C</h1>
</div>
<div class="col-md-6">
<h1>Column D</h1>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
比这个:
<div class="container">
<div class="col-md-6">
<h1>Column A</h1>
</div>
<div class="col-md-6">
<h1>Column B</h1>
</div>
</div>
<div class="container">
<div class="col-md-6">
<h1>Column C</h1>
</div>
<div class="col-md-6">
<h1>Column D</h1>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)