twitter-bootstrap - How to add space between two wells in bootstrap 3?

Question

I have the following:

<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>

It appears the two are right next to each other. How do I add a little spacing between the two well's? The older version of bootstrap seemed to automatically work when I use span0 for the div containing "A" and span9 with the div containing the sentence.

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>

Answer 3

更简单的解决方案：

在一个单独的 divwell里面添加：col-md-*

<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>