console
<section class="row">
<h4>第一列</h4>
<p>Lorem ipsum dolor </p>
<p>consectetur</p>
<div style="background-color:yellow" class="col-md-3 col-sm-3 col-xs-offset-3 " >
<h4>第二列 - 分为四个盒子</h4><section class="row">
<div class="col-xs-6" style="background-color: #B18904;
box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;" >1.quis</div>
<div class="col-xs-6" style="background-color: #B18904;
box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;" >2.Lorem </div>
<div class="col-xs-3" style="background-color: #B18904;
box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;" >3.minim</div>
<div class="col-xs-9" style="background-color: #B18904;
box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">4.labore</div>
</section>
</div>
<div style="background-color:orange" class="col-md-3 col-sm-3 col-xs-offset-6 ">
This is some text!
</div>
<div style="background-color:pink" class="col-md-3 col-sm-12">
<p>Consectetur art party Tonx culpa semiotics. Pinterest
assumenda minim organic quis.
</p>
</div>
</section>