Question

看我的小提琴位置。 http://fiddle.jshell.net/gpyrq2e4/1/

二手Bootstrap

我想删除灰色和黑色区域之间的空间。在响应式观点中，我希望差距能够扩大。

我的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中，所以给div（.example）一个类并尝试这个：

.example {
    white-space: nowrap;
}

这在某种程度上有效，但我不确定它是否正是你想要的。如果不是我会尝试另一种方式。

Answer 2

可能你想要这样的......

<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

您必须将row课程纳入container课程。

如何消除bootstrap div中的差距

2 个答案: