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读取RSS数据
Jan 20 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
javascript开发随笔一 preventDefault的必要
Nov 25 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
javascript多行字符串的简单实现方式
May 04 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
Vue中mintui的field实现blur和focus事件的方法
Aug 25 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 Javascript
vue实现输入框自动跳转功能
May 20 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使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
jQuery 树形结构的选择器
2010/02/15 Javascript
jquery 插件开发备注
2010/08/27 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
常用的JQuery函数及功能小结
2016/03/24 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
2016/06/08 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
js 性能优化之算法和流程控制
2017/02/15 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
javascript操作向表格中动态加载数据
2020/08/27 Javascript
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
Python匿名函数/排序函数/过滤函数/映射函数/递归/二分法
2019/06/05 Python
使用pandas读取文件的实现
2019/07/31 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
工程专业求职自荐书范文
2014/02/08 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
公司会议开幕词
2015/01/29 职场文书
人与自然的观后感
2015/06/18 职场文书
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android
详解MySql中InnoDB存储引擎中的各种锁
2022/02/12 MySQL
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers