编程 Javascript

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超大屏幕的实现代码

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

Bootstrap超大屏幕的实现代码

- Author -

boonyaxnn

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery图片不完全按比例自动缩小的简单代码

Jul 29 Javascript

JavaScript中神奇的call()方法

Mar 12 Javascript

灵活的理解JavaScript中的this指向

Feb 25 Javascript

javascript断点调试心得分享

Apr 23 Javascript

深入浅析JavaScript函数前面的加号和叹号

Jul 09 Javascript

如何提高Dom访问速度

Jan 05 Javascript

详解在AngularJS的controller外部直接获取$scope

Jun 02 Javascript

微信小程序实现上传图片功能

May 28 Javascript

Vue 框架之键盘事件、健值修饰符、双向数据绑定

Nov 14 Javascript

jQuery实现网页拼图游戏

Apr 22 jQuery

使用VUE+iView+.Net Core上传图片的方法示例

Jan 04 Javascript

vue element和nuxt的使用技巧分享

Jan 14 Vue.js

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遍历目录viewDir函数

2009/12/15 PHP

ThinkPHP标签制作教程

2014/07/10 PHP

Smarty分页实现方法完整实例

2016/05/11 PHP

php实现生成带二维码图片并强制下载功能

2018/02/24 PHP

IE/FireFox具备兼容性的拖动代码

2007/08/13 Javascript

不同浏览器的怪癖小结

2010/07/11 Javascript

JS函数实现动态添加CSS样式表文件

2012/12/15 Javascript

JQuery获取各种宽度、高度(format函数)实例

2013/03/04 Javascript

IE的事件传递-event.cancelBubble示例介绍

2014/01/12 Javascript

IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题

2015/08/21 Javascript

jquery UI Datepicker时间控件的使用及问题解决

2016/04/28 Javascript

基于JavaScript实现添加到购物车效果附源码下载

2016/08/22 Javascript

Bootstrap模态框插件使用详解

2017/05/11 Javascript

详解用node编写自己的cli工具

2017/05/23 Javascript

Vue官方文档梳理之全局配置

2017/11/22 Javascript

p5.js入门教程之鼠标交互的示例

2018/03/16 Javascript

es6 filter() 数组过滤方法总结

2019/04/03 Javascript

Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】

2020/05/13 Javascript

vue插件--仿微信小程序showModel实现模态提示窗功能

2020/08/19 Javascript

Python中os.path用法分析

2015/01/15 Python

python 网络编程详解及简单实例

2017/04/25 Python

python脚本替换指定行实现步骤

2017/07/11 Python

python3中替换python2中cmp函数的实现

2019/08/20 Python

python不同系统中打开方法

2020/06/23 Python

对python pandas中 inplace 参数的理解

2020/06/27 Python

Python定义一个Actor任务

2020/07/29 Python

Expected conditions模块使用方法汇总代码解析

2020/08/13 Python

详解HTML5中ol标签的用法

2015/09/08 HTML / CSS

AmazeUI 模态窗口的实现代码

2020/08/18 HTML / CSS

Staples美国官方网站：办公用品一站式采购

2016/07/28 全球购物

英语专业推荐信

2013/11/16 职场文书

在校硕士自我鉴定

2014/01/23 职场文书

人力资源管理专业应届生求职信

2014/04/24 职场文书

庆祝教师节演讲稿

2014/09/03 职场文书

决心书格式范文

2015/09/23 职场文书

2016年青少年禁毒宣传教育活动总结（学校）

2016/04/05 职场文书