3.20 Bootstrap Well

Article Directory


Bootstrap Well

insert image description here

Well is a container <div> that causes content to be sunken or inset. To create a Well, simply place the content in a <div> with class .well. The following example demonstrates a default Well:

<div class="well">您好,我在 Well 中!</div>

The result looks like this:
insert image description here

Size

You can use the optional class well-lg or well-sm to change the size of the Well. These two classes are used in conjunction with the .well class. These two classes affect the padding, and depending on the class used, the Well will appear larger or smaller.

<div class="well well-lg">您好,我在大的 Well 中!</div>
<div class="well well-sm">您好,我在小的 Well 中!</div>

The result looks like this:
insert image description here

Guess you like

Origin blog.csdn.net/m0_62617719/article/details/131808952