Bootstrap 3 Wells

Provides a box with a slight inset effect.

Bootstrap wells are similar to panels in that they are boxes with padding and a border with rounded corners. The difference is that wells are intended to provide a slight "inset" effect for its content. You can also adjust the size of the well (via its padding).

To create a well, apply the .well class to a <div> element.


You can use the (optional) .well-lg and .well-sm to adjust the size of the well. This modifies the padding and rounded corners.

Discontinued Component

Bootstrap 4 is discontinuing wells, thumbnails, and panels in favor of "cards", which will do nearly everything wells, thumbnails, and panels did, only better.

Bootstrap 4 is in alpha release at the time of writing.