Holla Tech - Learn
Bootstrap 3: Wells
 

A well is a box with a gray background and rounded corners.
To create a well, use a <div> element with class well, i.e. <div class=”well”>

You can display wells of different sizes with these classes:
well-sm Small well.
well-lg Large well.

The code below displays wells of different sizes: 

<div class=“container”>
  <div class=well well-sm>Small well</div>
  <div class=well>Normal well</div>
  <div class=well well-lg>Large well</div>
</div> 

 

The well is generally used as a simple effect on an element to give it an inset effect.

TASK:
Test the line of codes in a text editor and play around with the output and see Bootstrap wells in action.

BACK NEXT

CLICK ON THE BUTTON BELOW TO RETURN TO THE BOOTSTRAP 3 MAIN COURSE PAGE. 

BOOTSTRAP 3 MAIN COURSE PAGE

 


© License: All Rights Reserved 


CONTACT HOLLA TECH – LEARN SUPPORT