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 getComputedStyle获取和设置style的原理
Oct 10 Javascript
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
微信小程序合法域名配置方法
May 06 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 Javascript
vue实现顶部菜单栏
Nov 08 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判断当前用户已在别处登录的方法
2015/01/06 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
jQuery平滑旋转幻灯片特效代码分享
2015/09/07 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
2016/11/07 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
Django REST framework内置路由用法
2019/07/26 Python
Pytorch 实现自定义参数层的例子
2019/08/17 Python
keras slice layer 层实现方式
2020/06/11 Python
Python创建自己的加密货币的示例
2021/03/01 Python
马来西亚最好的婴儿商店:Motherhood
2017/09/14 全球购物
销售代表求职自荐信
2013/10/01 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
房屋出租协议书
2014/04/10 职场文书
大学生创业计划书
2014/08/14 职场文书
2014年副班长工作总结
2014/12/10 职场文书
立项申请报告范本
2015/05/15 职场文书
法制主题班会教案
2015/08/13 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python
Nginx反向代理学习实例教程
2021/10/24 Servers
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android