Tutorials References Exercises Videos NEW Menu
Paid Courses Website NEW

Bootstrap Wells


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

Basic Well


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


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