html - 如何消除 bootstrap div 中的空白

Question

查看我的 fiddle 位置。 http://fiddle.jshell.net/gpyrq2e4/1/

使用 Bootstrap

我想删除灰色和黑色区域之间的空间。在响应 View 中，我希望差距增加。

我的 Html 是:

<div class="col-xs-4">small text</div>
<div class="col-xs-4">large texttt tttttttttttttttt</div>
<div class="col-xs-4">A large gap displayed.</div>

Answer 1

也许你想要这样的东西......

<div class="row">
    <div class="col-xs-4" style="background-color:#ddd;">
       .col-xs-12 .col-md-8.col-xs-12 .col-md-8.
       <div class="row">
          <div class="col-xs-12" style="background-color:#000; color:#fff;">
                .col-xs-6 .col-md-4
          </div>
        </div>
    </div>
    <div class="col-xs-4" style="background-color:#ddd;">
          .col-xs-6 .col-md-4.col-xs-6 .col-md-4.col-xs-6 .col-md-4.col-xs-6 .col-md-4
    </div> 
</div>

直播demo

You must have to put row class into container class.