<div class="row">
<div class="col-xs-8">
<div class="row"><div class="col-xs-8">内嵌4</div><div class="col-xs-4">内嵌4</div></div>
</div>
<div class="col-xs-4">
<div class="row"><div class="col-xs-9">有内容才能撑开9</div><div class="col-xs-3">尐有高度撑开3</div></div>
</div>
</div>
<div class="col-xs-8">
<div class="row"><div class="col-xs-8">内嵌4</div><div class="col-xs-4">内嵌4</div></div>
</div>
<div class="col-xs-4">
<div class="row"><div class="col-xs-9">有内容才能撑开9</div><div class="col-xs-3">尐有高度撑开3</div></div>
</div>
</div>
<div class="row">
<div class="col-xs-4">col-xs-4</div>
<div class="col-xs-2 col-xs-offset-1">col-xs-offset-1</div>
<div class="col-xs-2 col-xs-offset-1">col-xs-offset-1</div>
<div class="col-xs-2">col-xs-2</div>
</div>
<div class="col-xs-4">col-xs-4</div>
<div class="col-xs-2 col-xs-offset-1">col-xs-offset-1</div>
<div class="col-xs-2 col-xs-offset-1">col-xs-offset-1</div>
<div class="col-xs-2">col-xs-2</div>
</div>
也可以这样写,col-md-8底下加上row的话 里面的列就能铺满,不加的话 两边会有剩余。 全屏看效果:
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-8">
<div class="row">
<div class="col-sm-3">123</div>
<div class="col-sm-9">123</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-8">
<div class="row">
<div class="col-sm-3">123</div>
<div class="col-sm-9">123</div>
</div>
</div>
</div>