Bootstrap Well

A Well is a container <div> that causes the content to appear sunken or have an inset effect. To create a Well, simply place the content in a <div> with class.wellin the <div>. The following example demonstrates a default Well:

Example

<div class="well">Hello, I'm in the Well!</div>

Try it yourself »

The result is as follows:

默认的 Well

Sizing

You can use the optional classeswell-lgorwell-smto change the size of the Well. These two classes are used with.wellthe class. These two classes affect the padding. Depending on the class used, the Well will appear larger or smaller.

Example

<div class="well well-lg">Hello, I'm in a large Well!</div> <div class="well well-sm">Hello, I'm in a small Well!</div>

Try it yourself »

The result is as follows:

Well 的尺寸大小
Other Extensions