本文摘自PHP中文网,作者藏色散人,侵删。
bootstrap well是一种会引起内容凹陷显示或插图效果的容器“<div>”,为了创建Well,只需要简单地把内容放在带有“class .well”的“<div>”中即可。

推荐:《bootstrap教程》
Bootstrap Well
Well 是一种会引起内容凹陷显示或插图效果的容器 <div>。为了创建 Well,只需要简单地把内容放在带有 class .well 的 <div> 中即可。下面的实例演示了一个默认的 Well:
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<title>Bootstrap 实例 - 默认的 Well</title>
<link rel= "stylesheet" href= "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" >
<script src= "https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" ></script>
<script src= "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js" ></script>
</head>
<body>
<div class = "well" >您好,我在 Well 中!</div>
</body>
</html>
|
运行效果:

以上就是bootstrap well是什么的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
统计学bootstrap用于解决什么问题
bootstrap字体图标怎么使用方法
bootstrap 为什么只能默认12列
一般用bootstrap干什么用的
bootstrap干什么用的
bootstrap如何设置字体
bootstrap实现简单侧边导航栏效果
bootstrap怎么改样式
bootstrap heading是什么意思
spss可以做bootstrap吗
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap well是什么