如何在bootstrap 3中的两个井之间增加空间？

Question

我有以下内容:

<div class="row">
<div class="well col-md-3">A</div>
<div class="well col-md-9">The quick brown fox jumped over the lazy dog.</div>
</div>

看起来这两个是彼此相邻的.如何在两个井之间添加一点间距？当我使用span0作为包含"A"的div和包含句子的div的span9时,旧版本的bootstrap似乎自动工作.

Answer 1

你可以把你的well内部col-*容器..

<div class="row">
  <div class="col-md-3"><div class="well">A</div></div>
  <div class="col-md-9"><div class="well">The quick brown fox jumped over the lazy dog.</div></div>
</div>

或者你必须自定义margin-left第二口井的CSS.

演示:http://bootply.com/86483

Answer 2

有同样的问题，我通过在另外两个中间添加一个 div 来修复它

<div class="col-lg-1 col-md-1 hidden-sm hidden-xs">
        <!-- center buffer div -->
</div>