本文摘自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 heading是什么意思
bootstrap table给行怎么加背景色
bootstrap适合做什么网站
bootstrap table插件怎么换行
如何使用bootstrap实现年月日的时间选择
使用bootstrap有什么好处
为什么要使用bootstrap框架
bootstrap弹窗代码写在哪里
bootstrap学之前要会什么
bootstrap如何制作下拉菜单
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap well是什么