通过简单的修改
.row
为
.row-fluid
可以定义自适应行。 而列定义完全保持和原来相同,简单快速的在定宽和自适应间切换。
<div class="row-fluid"> <div class="span8">...</div> <div class="span16">...</div> </div>
在自适应列的嵌套中,子列的数值之和不一定等于父列,而是按照百分比计算的宽度。
<div class="row-fluid"> <div class="span24"> Level 1 of column <div class="row-fluid"> <div class="span6">Level 2</div> <div class="span12">Level 2</div> </div> </div> </div>