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 SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
jQuery学习笔记 获取jQuery对象
Sep 19 Javascript
固定网页背景图同时保持图片比例的思路代码
Aug 15 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
Nov 26 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
May 27 Javascript
jquery实现图片上传前本地预览
Apr 28 jQuery
es6中的解构赋值、扩展运算符和rest参数使用详解
Sep 28 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
JavaScript实现H5接金币功能(实例代码)
Feb 22 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
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
了解JavaScript表单操作和表单域
2019/05/27 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
python Opencv将图片转为字符画
2021/02/19 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Django用户身份验证完成示例代码
2020/04/03 Python
基于python实现ROC曲线绘制广场解析
2020/06/28 Python
建筑专业自荐信
2013/10/18 职场文书
施工安全责任书范本
2014/07/24 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
监察建议书
2015/02/04 职场文书
2015年出纳年终工作总结
2015/05/14 职场文书
安全教育培训心得体会
2016/01/15 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
js 数组 fill() 填充方法
2021/11/02 Javascript
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript