Tutorials Exercises Get Certified Services Menu
Log in
Sign Up Spaces Bootcamps

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.