2017-06-06 9 views
0

ブートストラップをよく接近させることは可能ですか?ブートストラップを削除するWELLのパディングを左右に取り除く

私はclearfixを試しましたが、運がまだありません。私がやろうとしています何

enter image description here マイコード:

<div class="container"> 
    <div class="row"> 
     <div class="col-md-4"> 
      <div class="well"> 
       <p>Write Something Here</p> 
      </div> 
     </div> 

     <div class="col-md-4"> 
      <div class="well"> 
       <p>Write Something Here</p> 
      </div> 
     </div> 

     <div class="col-md-4"> 
      <div class="well"> 
       <p>Write Something Here</p> 
      </div> 
     </div> 
    </div> 
</div> 

すべてのヘルプは理解されるであろう!

+0

私はあなたが列パディングを排除したい_guess_ ...? – CBroe

+1

これはあなたが望むものですhttps://codepen.io/chandrashekhar/pen/QgbWqz?editors=1010 –

+0

@CBroeはどのようにですか?あなたは私に例を挙げることができますか?パディング:0〜30ピクセル? – R3y

答えて

0

ここでは、両方の左側の2ピクセルを変更して、左側の&の間に希望のギャップを得ることができます。

<style> 
    .wellcontainer .col-md-4{ 
    padding-left:2px; 
    padding-right:2px; 
} 
</style> 
<div class="container wellcontainer"> 
    <div class="row"> 
     <div class="col-md-4"> 
      <div class="well"> 
       <p>Write Something Here</p> 
      </div> 
     </div> 

     <div class="col-md-4"> 
      <div class="well"> 
       <p>Write Something Here</p> 
      </div> 
     </div> 

     <div class="col-md-4"> 
      <div class="well"> 
       <p>Write Something Here</p> 
      </div> 
     </div> 
    </div> 
</div> 
1
<div class="container"> 
    <div class="row"> 
     <div class="col-md-4 well"> 
       <p>Write Something Here</p> 
     </div> 

     <div class="col-md-4 well"> 
       <p>Write Something Here</p> 
     </div> 

     <div class="col-md-4 well"> 
       <p>Write Something Here</p> 
     </div> 
    </div> 
</div> 
関連する問題