Html 容器中的一行是否需要span12?独自创立
我第一次使用bootstrap来处理我的一个项目。我可以告诉大家,container>row工作得很好,这就引出了一个问题:container>row>span12是必需的,还是仅仅是最佳实践Html 容器中的一行是否需要span12?独自创立,html,css,twitter-bootstrap,responsive-design,Html,Css,Twitter Bootstrap,Responsive Design,我第一次使用bootstrap来处理我的一个项目。我可以告诉大家,container>row工作得很好,这就引出了一个问题:container>row>span12是必需的,还是仅仅是最佳实践 谢谢你看看文档,如果我理解你的问题是正确的,答案就在这个链接中。向下滚动一点到流体嵌套 还请记住,当在范围内创建新容器时,计数从“0”开始,因此 <div class="row-fluid"> <div class="span12"> Fluid 12 <
谢谢你看看文档,如果我理解你的问题是正确的,答案就在这个链接中。向下滚动一点到流体嵌套 还请记住,当在范围内创建新容器时,计数从“0”开始,因此
<div class="row-fluid">
<div class="span12">
Fluid 12
<div class="row-fluid">
<div class="span6">
Fluid 6
<div class="row-fluid">
<div class="span6">Fluid 6</div>
<div class="span6">Fluid 6</div>
</div>
</div>
<div class="span6">Fluid 6</div>
</div>
</div>
</div>
流体12
流体6
流体6
流体6
流体6
在这个示例代码中,您可以看到有一个跨度12,它是主div。在这个跨度中有两个跨度6!这很有意义,在跨度为6的情况下,还有两个跨度为6的跨度,这也很有意义,因为每次创建新行流体类时,跨度计数都从“0”开始
我希望我正确理解了你的问题
勒罗伊先生这个问题令人困惑 引导通过使用浮动网格系统工作。查看下面的来源应该可以弄清楚发生了什么。
.container
类将宽度设置为940px,.span12
类也是如此。.row
类是一个div,上面有一个clearfix,包含一行浮动的.span
列。所有.spanXX
类都向左浮动,并留出20px的左边距来创建网格
如果您所使用的只是一个容器和一行,那么您只需要创建一个940px宽的容器,左边距为-20px。您仍应使用.span12
与框架保持一致,并正确设置边距。这就提出了一个问题,如果不想利用这些列,为什么要首先使用网格布局。如果您只需要一个940px容器,那么只需创建一个
从bootstrap.css:
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.span12 {
width: 940px;
}
在什么情况下?你能再澄清一下你的确切意思吗?