删除Bootstrap WELL填充左右

有没有可能使Bootstrap很好地靠近在一起？删除Bootstrap WELL填充左右

我试过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>

任何帮助将不胜感激！

来源

2017-06-06 R3y

我_guess_要消除柱填充...？ – CBroe

这是你想要的https://codepen.io/chandrashekhar/pen/QgbWqz?editors=1010 –

@CBroe喜欢如何？你可以给我一个例子吗？填充：0 -30px？ – R3y

在这里你可以在左边的&右边改变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>

来源

2017-06-06 10:19:00 Gaza

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

来源

2017-06-18 09:59:55 Ace

删除Bootstrap WELL填充左右

回答

相关问题