从井/面板移除/减少底部边距

时间:2014-07-07 08:25:14

标签: twitter-bootstrap twitter-bootstrap-3

我用得好。 我发现底部边缘太多(20px)。 推荐的减少保证金的方法是什么? 同样的问题适用于面板,它创建相同的底部边距。 是否有内置级别,保证金较小?我应该使用自己的吗?

 <div class="well well-sm">
     Where did you spot the dish?
 </div>
 <input type="text" class="form-control input-sm" placeholder="Search places">

1 个答案:

答案 0 :(得分:3)

底部边距定义为bootstrap.css

.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #F5F5F5;
border: 1px solid #E3E3E3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

如果您希望降低网站中所有well的保证金,最简单的方法是在该文件中更改

margin-bottom: 10px;

如果您只想为此well减少保证金,可以在所需margin-bottom的标记处定义well

 <div class="well well-sm" style="margin-bottom:10px;">
     Where did you spot the dish?
 </div>