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

You could put your well inside col-* containers..

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

Or you'd have to customize the margin-left CSS of the 2nd well.

Demo: http://bootply.com/86483