求解bootstrap 怎么布局两列或者多列表单
2016-05-11
展开全部
bootstrap 2.3.2的, 1个row里最多12个span,如下面12=4+8,12=3+3+6
2列布局:
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
</div>
<div class="span8">
</div>
</div>
</div>
3列布局:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
</div>
<div class="span3">
</div>
<div class="span6">
</div>
</div>
</div>
4列布局:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
</div>
<div class="span3">
</div>
<div class="span2">
</div>
<div class="span4">
</div>
</div>
</div>
2列布局:
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
</div>
<div class="span8">
</div>
</div>
</div>
3列布局:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
</div>
<div class="span3">
</div>
<div class="span6">
</div>
</div>
</div>
4列布局:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
</div>
<div class="span3">
</div>
<div class="span2">
</div>
<div class="span4">
</div>
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询