bootstrap 超大屏幕(Jumbotron)
本章将讲解Bootstrap的一个特性：超大屏幕(Jumbonron),顾名思义该组件可以增加标题的大小，并为登录页面的内容添加更多的外边矩。
使用超大屏幕的步骤如下：
1、创建一个还有class.jumbonron类的div
2、除了更大的 <h1>，字体粗细 font-weight 被减为 200px。
实例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>bootstrap欢迎登录页面</h1>
<p>这是一个超大屏幕(Jumbonron)的实例</p>
<p><a href="#" class="btn btn-default btn-primary" role="button">bootstrap是目前最流行的前端框架，好好学习。</a></p>
</div>
</div>
<div class="jumbotron">
<h1>bootstrap欢迎登录页面</h1>
<p>这是一个超大屏幕(Jumbonron)的实例</p>
<p><a href="#" class="btn btn-default btn-primary" role="button">bootstrap是目前最流行的前端框架，好好学习。</a></p>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
最新文章
- AngularJs之Scope作用域
- JavaScript 基础(七) 箭头函数 generator Date JSON
- chrome 网络面板
- android UI进阶之实现listview的下拉加载
- hdu 1715 大菲波数(高精度数)
- postman接口测试工具3.0版本的坑
- css（三）-- 常用属性
- Android学习记录：ViewPager实现欢迎页
- Linux显示隐藏文件
- MyBatis进阶使用——动态SQL
- React 表单控件onSubmit
- Revit选择增强插件易蜀预选择过滤器
- 转载-vim配置收藏
- ValueError: {0} is not a valid coordinate or range问题解决
- JSONArray
- zookeeper学习资料汇总
- 洛谷 P1073 最优贸易
- python为什么叫胶水语言？python为什么是系统脚本？
- CDN混战何去何从，史上最全分析
- C# 字符串中正则表达式的应用