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 相关文章推荐
js 判断checkbox是否选中的实现代码
Nov 23 Javascript
实测jquery data()如何存值
Aug 18 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
Nov 15 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 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
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
基于JQuery实现异步刷新的代码(转载)
2011/03/29 Javascript
js change,propertychange,input事件小议
2011/12/20 Javascript
javascript操作css属性
2013/12/30 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
详解JavaScript逻辑And运算符
2015/12/04 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
浅谈angularjs依赖服务注入写法的注意点
2017/04/24 Javascript
js学习总结_选项卡封装(实例讲解)
2017/07/13 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
小程序实现多列选择器
2019/02/15 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
Python模拟登陆实现代码
2017/06/14 Python
对python中的 os.mkdir和os.mkdirs详解
2018/10/16 Python
详解Django配置优化方法
2019/11/18 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
这段代码难道不该打印出56吗
2013/02/27 面试题
Prototype是怎么扩展DOM的
2014/10/01 面试题
中专毕业生自我鉴定
2014/02/02 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
学习三严三实心得体会
2014/10/13 职场文书
天下第一关导游词
2015/02/06 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏