ブートストラップ行のウェルを取得する方法

Question

ブートストラップを使用していて、2つのwellsを互いに直立させないようにしようとしていますが、問題があります。 これは私のコードです：

<div class="container"> 
    <div class="row"> 
    <div class="col-sm-4 well"> first column</div> 
    <div class="col-sm-4 well"> second column</div> 
    </div> 
</div> 

私はウェル間のスペースで行われますが、そのWebページがロードされているように書かれたコードを持っているチュートリアルを次のようです。 誰かが行の上にそれらの間にスペースを持たせる方法を提案できますか？おかげさまで

Answer 1

bootstrap docs

によると同様にそれを挿入図 効果を与えるために要素に単純なエフェクトを使用。

ですから、あなたがcol-*-*

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-4"> 
 
     <div class="well">first column</div> 
 
    </div> 
 
    <div class="col-xs-4"> 
 
     <div class="well">second column</div> 
 
    </div> 
 
    </div> 
 
</div>

---

INFOの子としてそれらを使用することができますしたいものを達成するために代わりcol-*-*とそれらを使用していない：

デフォルトwell：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="well">first column</div> 
 
    <div class="well">second column</div> 
 
    </div> 
 
</div>

プラスオプションのクラスがあります：2つのオプションの修飾子 クラスと

コントロールパディングと丸みを帯びた角を。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="well well-sm">first column</div> 
 
    <div class="well well-lg">second column</div> 
 
    </div> 
 
</div>