Bootstrap(二十五)
来源:互联网 发布:淘宝退货调包闪电退款 编辑:程序博客网 时间:2024/05/19 17:50
Bootstrap 超大屏幕(Jumbotron)
本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)的步骤如下:
- 创建一个带有 class .jumbotron. 的容器 <div>。
- 除了更大的 <h1>,字体粗细 font-weight 被减为 200。
下面的实例演示了这点:
实例
<divclass="container"><divclass="jumbotron"><h1>欢迎登陆页面!</h1><p>这是一个超大屏幕(Jumbotron)的实例。</p><p><aclass="btn btn-primary btn-lg"role="button"> 学习更多</a></p></div></div>
尝试一下 »
结果如下所示:
为了获得占用全部宽度且不带圆角的超大屏幕,请在所有的 .container class 外使用 .jumbotron class,如下面的实例所示:
实例
<divclass="jumbotron"><divclass="container"><h1>欢迎登陆页面!</h1><p>这是一个超大屏幕(Jumbotron)的实例。</p><p><aclass="btn btn-primary btn-lg"role="button"> 学习更多</a></p></div></div>
尝试一下 »
结果如下所示:
阅读全文
0 0
- Bootstrap(二十五)
- Bootstrap(十五)
- 十五、bootstrap-table editable
- 二十五
- Bootstrap(二)
- 二十五个原则
- 快二十五了
- 十五周任务二
- 十五周报告二
- 十五周任务二
- 四月二十五
- 六月二十五
- (二十五)事务处理
- 十五周项目二
- 东软实训(二十五)
- 十五周项目二
- 二十五.关闭看门狗
- 日拱一卒(二十五)
- ReentrantLock底层实现 小结
- 04.openssl-创建 Root CA证书
- 内存知识梳理 4. 内存管理
- Python SyntaxError: Non-ASCII character '\xff' in file
- ubuntu系统常见问题
- Bootstrap(二十五)
- BZOJ 1070 修车-神奇网络流
- phpexcel 批量导入数据
- 初阶并发编辑之——共享受限资源
- 第八周 项目3-对称矩阵压存储的实现与应用
- HashMap底层
- Bootstrap(二十六)
- 基础学习-SharedPreferences存储
- Deep Learning(深度学习)学习笔记整理系列之(三)