刪除Bootstrap WELL填充左右

Question

有沒有可能使Bootstrap很好地靠近在一起？

我試過clearfix但仍然沒有運氣。

我所試圖做的事： 我的代碼：

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

任何幫助將不勝感激！

Answer 1

在這裏你可以在左邊的&右邊改變2px來獲得它們之間所需的距離！

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

Answer 2

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