首页前端开发其他前端知识Bootstrap中well及作用是什么,怎么使用

Bootstrap中well及作用是什么,怎么使用

时间2024-03-26 22:42:03发布访客分类其他前端知识浏览1110
导读:关于“Bootstrap中well及作用是什么,怎么使用”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“Bootst...
关于“Bootstrap中well及作用是什么,怎么使用”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“Bootstrap中well及作用是什么,怎么使用”吧。

bootstrap well是一种会引起内容凹陷显示或插图效果的容器“div> ”,为了创建Well,只需要简单地把内容放在带有“class .well”的“div> ”中即可。

Bootstrap Well

Well 是一种会引起内容凹陷显示或插图效果的容器 div> 。为了创建 Well,只需要简单地把内容放在带有 class .well 的 div> 中即可。下面的实例演示了一个默认的 Well:

代码如下:

!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及作用是什么,怎么使用”的介绍了,感谢各位的阅读,希望文本对大家有所帮助。如果想要了解更多知识,欢迎关注网络,小编每天都会为大家更新不同的知识。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Bootstrap中well及作用是什么,怎么使用
本文地址: https://pptw.com/jishu/653806.html
在Golang中怎样打印单引号,用什么方法 Golang中判断文件存在的方法是啥,怎样使用

游客 回复需填写必要信息