Bootstrap-超大屏幕(Jumbotron)
2017-03-15 18:27
274 查看
<!DOCTYPE html> <html> <head> <title>Bootstrap-超大屏幕(Jumbotron)</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/bootstrap.min.css"> </head> <body> <!--为了获得占用全部宽度且不带圆角的超大屏幕,请在所有的 .container class 外使用 .jumbotron class--> <div class="jumbotron"> <div class="container"> <h1>欢迎登陆页面!</h1> <p>这是一个超大屏幕的实例。</p> <p><a class="btn btn-primary btn-lg" role="button">学习更多</a></p> </div> </div> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
效果图
相关文章推荐
- 超大屏幕Jumbotron (Bootstrap)
- bootstrap 超大屏幕(Jumbotron)
- Bootstrap 超大屏幕(Jumbotron)和页面标题
- Bootstrap <基础二十二>超大屏幕(Jumbotron)
- Bootstrap <基础二十二>超大屏幕(Jumbotron)
- Bootstrap 超大屏幕(Jumbotron)
- Bootstrap 分页、标签、徽章、超大屏幕、页面标题
- Bootstrap 组件-超大屏幕
- 2016年6月1日下午(传智Bootstrap笔记(Bootstrap标签、徽章、超大屏幕))
- Bootstrap超大屏幕的实现代码
- Bootstrap学习:超大屏幕
- Bootstrap超大屏幕和页面标题
- BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
- Bootstrap框架中的插件 Jumbotron
- bootstrap不同屏幕占比+列隐藏
- Bootstrap 手机屏幕自适应的响应式布局开关
- 对于bootstrap 的栅栏系统的屏幕适应的大小问题
- 关于bootstrap在UC浏览器中使用适应屏幕出错的解决办法
- 超大屏幕从资源文件获取bitmap可能放大倍数过大的问题
- Bootstrap打印时被强行响应式为小屏幕