Bootstrap Wells
Advertisements
Wells class in Bootstrap
The .well class is used for adds a rounded border around an element with a gray background color and some padding. You can change the size of the well by adding the .well-sm class for small wells or .well-lg class for large wells:
Bootstrap Wells Example
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="well">Simple Well</div> <div class="well well-sm">Small Well</div> <div class="well well-lg">Large Well</div> </div> </body> </html>
Output
Simple Well
Small Well
Large Well
Google Advertisment