为具有多个列和行的块创建引导网格

Question

如何使用bootstrap创建我在图像中描述的网格？我眼中的问题是你无法在允许你使用嵌套功能的较小方块中剖析图像。

Answer 1

<div class='col-sm-2' style='height:210px;'>
    <div class='col-xs-12' style='background: red; height:100%'></div>
</div>
<div class='col-sm-10' style='height:100px; margin-bottom: 10px'>
    <div class='col-xs-12' style='background: red; height:100%'></div>
</div>
<div class='col-sm-3' style='height:100px'>
    <div class='col-xs-12' style='background: red; height:100%'></div>
</div>
<div class='col-sm-7' style='height:600px'>
   <div class='col-xs-12' style='background: red; height:100%'></div>
</div>
<div class='col-sm-5' style='height: 490px; top:-490px;'>
    <div class='col-xs-12' style='background: red; height:100%'></div>
</div>