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.

<div class="well">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
</div>

Size

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

<div class="well well-sm">
Small well.
</div>

<div class="well">
Default size.
</div>

<div class="well well-lg">
Large well.
</div>

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.