Bootstrap超大屏幕的实现代码


Posted in Javascript onMarch 22, 2017

本文实例为大家分享了Bootstrap超大屏幕展示的具体代码,供大家参考,具体内容如下

<!DOCTYPE html> 
<html> 
<head> 
 <title>Bootstrap-超大屏幕(Jumbotron)</title> 
 <meta charset="utf-8"> 
 <link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" > 
</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>

效果图:

Bootstrap超大屏幕的实现代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript add event remove event
Apr 07 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
jquery 列表双向选择器之改进版
Aug 09 Javascript
jquery操作select详解(取值,设置选中)
Feb 07 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
微信小程序开发经验总结(推荐)
Jan 11 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
layer提示框添加多个按钮选择的实例
Sep 12 Javascript
JS制作简易计算器的实例代码
Jul 04 Javascript
微信小程序实现日历签到
Sep 21 Javascript
Bootstrap缩略图的创建方法
Mar 22 #Javascript
JS+DIV实现的卷帘效果示例
Mar 22 #Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 #Javascript
javascript实现滑动解锁功能
Mar 22 #Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 #Javascript
bootstrap IE8 兼容性处理
Mar 22 #Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 #Javascript
You might like
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP进程通信基础之信号
2017/02/19 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
常用的JS验证和函数汇总
2014/12/23 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
JS打印组合功能
2016/08/04 Javascript
微信小程序 天气预报开发实例代码源码
2017/01/20 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
three.js 入门案例详解
2018/01/23 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
python实现AES加密解密
2019/03/28 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
学习Python爬虫的几点建议
2020/08/05 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
市场营销个人求职信范文
2014/02/02 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
入伍通知书
2015/04/23 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书
小学四年级班主任工作经验交流材料
2015/11/02 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书