Bootstrap 组件:嵌入效果(Well)

简介: Bootstrap 框架

作者:WangMin
格言:努力做好自己喜欢的每一件事

banner.png

默认样式

Well是一种会引起内容凹陷或插图效果的容器div,只需要简单地把内容放在带有.well 类 的div中就可以了。效果如下:

<div class="well">
    把 Well 用在元素上,就能有嵌入(inset)的简单效果。
</div>

1.png


尺寸大小

可以使用可选类well-lg 或well-sm来改变Well的尺寸大小,也就是通过容器的内边距来改变大小。效果如下:

<div class="well well-lg">
    把 Well 用在元素上,就能有嵌入(inset)的简单效果。
</div>
<div class="well well-sm">
    把 Well 用在元素上,就能有嵌入(inset)的简单效果。
</div>

2.png


就先分享到这里!! :smile: 后续继续更新!!

目录
相关文章
N..
|
14天前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
15 0
|
7月前
|
前端开发 容器
|
7月前
|
前端开发 开发者 容器
|
14天前
|
前端开发
bootstrap组件的案例代码
bootstrap组件的案例代码
11 0
|
14天前
|
前端开发
bootstrap组件
bootstrap组件
18 0
|
7月前
|
前端开发
|
7月前
|
前端开发 JavaScript 容器
|
14天前
Bootstrap5 导航组件和面包屑
Bootstrap5 导航组件和面包屑
25 0
|
14天前
|
前端开发 JavaScript 容器
BootStrap 组件和样式
BootStrap 组件和样式
42 0
|
7月前
|
前端开发 容器