Latest web development tutorials

×

Bootstrap Tutorial

BS HOME BS Get Started BS Grid Basic BS Typography BS Tables BS Images BS Jumbotron BS Wells BS Alerts BS Buttons BS Button Groups BS Glyphicons BS Badges/Labels BS Progress Bars BS Pagination BS Pager BS List Groups BS Panels BS Dropdowns BS Collapse BS Tabs/Pills BS Navbar BS Forms BS Inputs BS Inputs 2 BS Input Sizing BS Carousel BS Modal BS Tooltip BS Popover BS Scrollspy BS Affix

Bootstrap Grid System

BS Grid System BS Stacked/Horizontal BS Grid Small BS Grid Medium BS Grid Large BS Grid Examples

Bootstrap Themes

BS Templates BS Theme "Simply Me" BS Theme "Company" BS Theme "Band"

Bootstrap Exam

Bootstrap CSS Ref

CSS Typography CSS Buttons CSS Forms CSS Helpers CSS Images CSS Tables CSS Dropdowns CSS Navs Glyphicons

Bootstrap JS Ref

JS Affix JS Alert JS Button JS Carousel JS Collapse JS Dropdown JS Modal JS Popover JS Scrollspy JS Tab JS Tooltip

Bootstrap Wells

❮ Previous Next Chapter ❯

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.

❮ Previous Next Chapter ❯