Bootstrap用Well样式实现圆角边框嵌入效果

在boostrap中,well样式可以为元素添加边框,圆角及嵌入效果

用法:

<div class="well">Look, I'm in a well</div>

boostrap well

通过调整内边距padding,还有2中样式well-lg和well-sm,一种大,一种小。效果如下

<div class="well well-sm">Look, I'm in a large well!</div>

boostrap-well-large


<div class="well well-sm">Look, I'm in a small well!</div>

boostrap-well-large

Ps:注意位置及写法

well-lg和well-sm要放到well后面,既<div class="well well-lg">

Tags:
飞鱼

发表评论

电子邮件地址不会被公开。 必填项已用*标注