Bootstrap洼地
这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。本文将详细介绍Bootstrap洼地
概述
洼地(Well)样式的效果和巨幕jumbotron样式类似，不同点是well样式有了边框设置，并且默认高度是自适应文本的高度。把 Well 用在元素上，就能有嵌入（inset）的简单效果
Well样式的使用方法非常简单，使用.well类即可
.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,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}<div class="well">小火柴的蓝色理想</div>
尺寸
well样式提供了不同大小的样式，主要是padding和圆角大小，分别是well-lg和well-sm。使用时，直接和well一起应用在同一个元素上即可
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}<div class="well">小火柴的蓝色理想</div> <div class="well well-lg">小火柴的蓝色理想</div> <div class="well well-sm">小火柴的蓝色理想</div>