Tutorials References Menu

Bootstrap Wells


Wells

The .well class adds a rounded border around an element with a gray background color and some padding:

Basic Well

Example

<div class="well">Basic Well</div>
Try it Yourself »

Well Size

Small Well
Normal Well
Large Well

Change the size of the well by adding the .well-sm class for small wells or  .well-lg class for large wells:

Example

<div class="well well-sm">Small Well</div>
<div class="well well-lg">Large Well</div>
Try it Yourself »

By default, wells are medium in size.