bootstrap well是一种会引起内容凹陷显示或插图效果的容器“
”,为了创建Well,只需要简单地把内容放在带有“class .well”的“”中即可。推荐:《bootstrap教程》
Bootstrap Well
Well 是一种会引起内容凹陷显示或插图效果的容器
。为了创建 Well,只需要简单地把内容放在带有 class .well 的中即可。下面的实例演示了一个默认的 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是什么的详细内容。更多信息请关注PHP中文网其他相关文章!
相关标签:来源:php.cn本站声明本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn作者最新文章
2023-04-24 11:00:01 2023-04-24 10:55:51 2023-04-24 10:52:44 2023-04-23 17:40:51 2023-04-23 17:38:02 2023-04-23 17:34:02 2023-04-23 10:15:45 2023-04-23 10:10:52 2023-04-21 16:01:59 2023-04-21 15:58:01最新问题页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面,我昨天做了一部分,效果很好,今天我继续做剩下的部分,一切都很好。当我尝试将其作为普通html页面打开时,CSS或BOOTSTRAP不起作用,仅显示页面文本,...来自于 2024-04-06 21:58:0401800解决CSS中页面底部神秘空白的方法 我正在尝试使用Bootstrap和D3构建一个简单的网页,但我不知道如何消除底部的所有空白。我想摆脱它。我尝试将body和html的min-height设置为100%,但没有任何作...来自于 2024-04-06 20:22:1501454使用'折叠显示”类自定义 Bootstrap 手风琴标题的外观 我想设置具有类collapseshow的面板的卡标题样式。在此示例中,它是第一个面板。我尝试使用CSS来使用.accordion.card.card-headerbutton.bt...来自于 2024-04-06 12:53:1101376Web页面调整大小时,Bootstrap开关无法正常工作 这是代码:<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"class=&qu...来自于 2024-04-05 08:45:39013443在Laravel中以Bootstrap模式展示AWS PDF文件 我已经下载了awsurl,例如https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/655712202215174539...来自于 2024-04-04 22:16:18011450热门推荐热门教程更多>
Bootstrap响应式网页布局篇188834 兄弟连张诚UI教程Bootstrap视频教程43499