查看“BootStrap Wells”的源代码

__NOTOC__
<div class="col-md-4"> 
<div class="well well-danger"> 
<h4>BootStrap Well</h4> 
<p class="bs">This well uses the danger color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> 
</div> 
</div> 
<div class="col-md-4"> 
<div class="well well-cocktail"> 
<h4>BootStrap Well</h4> 
<p class="bs">This well uses the cocktail color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> 
</div> 
</div> 
<div class="col-md-4"> 
<div class="well well-midnight"> 
<h4>BootStrap Well</h4> 
<p class="bs">This well uses the midnight color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> 
</div> 
</div> 
<h4 class="subtitle-black">Using Wells</h4>
p>A wells colour is determined by well-danger, replace "danger" with your colour preference. A wells width is determined by col-md-4, replace "4" with your [[Columns|column preference]].</p>
<p>Tip: You can add any type of Bootstrap feature, for example [[BootStrap Buttons|buttons]], [[BootStrap Tool Tips|tool tips]] or even a [[BootStrap Modals|modal]]. Try experimenting with the various features to see what you can include. Any questions please ask at the [ forums].</p>
<pre>
    <div class="column clearfix">
      <div class="col-md-4">
        <div class="well well-danger">
          <h4>BootStrap Well</h4>
          <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit
          metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p>
        </div>
      </div>
    </div>
</pre>