编程 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 相关文章推荐

手机平板等移动端适配跳转URL的js代码

Jan 25 Javascript

JS中如何判断传过来的JSON数据中是否存在某字段

Aug 18 Javascript

javascript中的正则表达式使用详解

Aug 30 Javascript

jQuery采用连缀写法实现的折叠菜单效果

Sep 18 Javascript

基于insertBefore制作简单的循环插空效果

Sep 21 Javascript

js阻止移动端页面滚动的两种方法

Jan 25 Javascript

100多个基础常用JS函数和语法集合大全

Feb 16 Javascript

js省市区级联查询（插件版&无插件版）

Mar 21 Javascript

jQuery使用正则验证15/18身份证的方法示例

Apr 27 jQuery

详解如何实现一个简单的Node.js脚手架

Dec 04 Javascript

使用Vue动态生成form表单的实例代码

Apr 26 Javascript

angular组件间通讯的实现方法示例

May 07 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目录管理函数小结

2008/09/10 PHP

php _autoload自动加载类与机制分析

2012/02/10 PHP

一个PHP针对数字的加密解密类

2014/03/20 PHP

8个PHP数组面试题

2015/06/23 PHP

php中preg_match的isU代表什么意思

2015/10/01 PHP

php blowfish加密解密算法

2016/07/02 PHP

javascript 节点遍历函数

2010/03/28 Javascript

深入理解JavaScript系列(2) 揭秘命名函数表达式

2012/01/15 Javascript

地址栏传递中文参数乱码在js里用escape转码

2013/08/28 Javascript

JavaScript动态添加style节点的方法

2015/06/09 Javascript

原生js实现图片层叠轮播切换效果

2016/02/02 Javascript

js实现密码强度检测【附示例】

2016/03/30 Javascript

详解JavaScript节流函数中的Throttle

2016/07/16 Javascript

老生常谈JavaScript面向对象基础与this指向问题

2017/10/16 Javascript

浅谈jquery中ajax跨域提交的时候会有2次请求的问题

2017/11/10 jQuery

微信小程序实现的涂鸦功能示例【附源码下载】

2018/01/12 Javascript

微信小程序使用Promise简化回调

2018/02/06 Javascript

搭建element-ui的Vue前端工程操作实例

2018/02/23 Javascript

利用Bootstrap Multiselect实现下拉框多选功能

2019/04/08 Javascript

angular多语言配置详解

2019/05/16 Javascript

微信小程序实现菜单左右联动

2020/05/19 Javascript

Python的collections模块中的OrderedDict有序字典

2016/07/07 Python

详解django自定义中间件处理

2018/11/21 Python

python实现微信机器人：登录微信、消息接收、自动回复功能

2019/04/29 Python

HTML5 Web 存储详解

2016/09/16 HTML / CSS

世界最大的海报和艺术印刷商店：AllPosters.com

2017/02/01 全球购物

爱游人：Travelliker

2017/09/05 全球购物

阳光体育：Sunny Sports（购买露营和远足设备）

2018/08/07 全球购物

IdealFit官方网站：女性蛋白质、补充剂和运动服装

2019/03/24 全球购物

大四自我鉴定范文

2013/10/06 职场文书

梅花魂教学反思

2014/04/25 职场文书

竞选班委演讲稿

2014/04/28 职场文书

年检委托书

2014/08/30 职场文书

2014年学生会工作总结范文

2014/11/07 职场文书

Python爬虫基础讲解之请求

2021/05/13 Python

OpenCV项目实践之停车场车位实时检测

2022/04/11 Python