ブートストラップ3の2つのウェル間にスペースを追加する方法は？私は、次のしている

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> 

を2つの右隣同士にある表示されます。 2つのウェルの間に小さな間隔をどのように追加しますか？古いバージョンのブートストラップは、 "A"を含むdivにspan0を使用し、文を含むdivにspan9を使用すると自動的に動作するように見えました。

Answer 1

は私が

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

それともだろう..あなたがあなたのwellcol-*内部にコンテナを置くことができ、他の2

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

Answer 2

の真ん中にdiv要素を追加することによって、それを修正し、同じ問題を持っていました2番目のウェルのmargin-left CSSをカスタマイズする必要があります。

デモ：http://bootply.com/86483

Answer 3

もっと簡単な解決策：

別のdivの中にcol-md-*内wellを追加します。

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