编程 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 要点归纳（三） jQuery中的事件和动画（上：事件篇）

Mar 24 Javascript

基于jquery库的tab新形式使用

Nov 16 Javascript

JQuery的AJAX实现文件下载的小例子

May 15 Javascript

JS判断不能为空实例代码

Nov 26 Javascript

使用js判断当前时区TimeZone是否是夏令时

Feb 23 Javascript

node.js中的fs.readFileSync方法使用说明

Dec 15 Javascript

JavaScript中的cacheStorage使用详解

Jul 29 Javascript

JS实现的表格行鼠标点击高亮效果代码

Nov 27 Javascript

详解Vue-cli代理解决跨域问题

Sep 27 Javascript

redux-saga 初识和使用

Mar 10 Javascript

详解JavaScript的BUG和错误

May 07 Javascript

ES6使用新特性Proxy实现的数据绑定功能实例

May 11 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+MSSQL分页的例子

2006/10/09 PHP

easyui的tabs update正确用法分享

2014/03/21 PHP

thinkphp区间查询、统计查询与SQL直接查询实例分析

2014/11/24 PHP

bindParam和bindValue的区别以及在Yii2中的使用详解

2018/03/12 PHP

学习YUI.Ext第五日--做拖放Darg&Drop

2007/03/10 Javascript

用Mootools获得操作索引的两种方法分享

2011/12/12 Javascript

jquery入门——事件机制之事件中的冒泡现象示例解释

2020/09/12 Javascript

JavaScript定义数组的三种方法(new Array(),new Array('x','y')

2016/10/04 Javascript

如何利用JQuery实现从底部回到顶部的功能

2016/12/27 Javascript

JavaScript仿支付宝6位数字密码输入框

2016/12/29 Javascript

mac上node.js环境的安装测试

2017/07/03 Javascript

vuejs 单文件组件.vue 文件的使用

2017/07/28 Javascript

Vue实现类似Spring官网图片滑动效果方法

2019/03/01 Javascript

浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑

2020/09/12 Javascript

python条件和循环的使用方法

2013/11/01 Python

python利用拉链法实现字典方法示例

2017/03/25 Python

详解Python连接MySQL数据库的多种方式

2019/04/16 Python

pyQT5 实现窗体之间传值的示例

2019/06/20 Python

Django1.11自带分页器paginator的使用方法

2019/10/31 Python

python 双循环遍历list 变量判断代码

2020/05/04 Python

Python3.8.2安装包及安装教程图文详解(附安装包)

2020/11/28 Python

美国真皮手袋品牌：GiGi New York

2017/03/10 全球购物

如何写出高质量、高性能的MySQL查询

2014/11/17 面试题

Java基础面试题

2012/11/02 面试题

法律专业个人实习自我鉴定

2013/09/23 职场文书

办公室经理岗位职责

2014/01/01 职场文书

《浅水洼里的小鱼》听课反思

2014/02/28 职场文书

《桥》教学反思

2014/04/09 职场文书

学雷锋演讲稿汇总

2014/05/10 职场文书

党员个人剖析材料2014

2014/10/08 职场文书

入党积极分子自我批评思想汇报

2014/10/10 职场文书

2015年个人审计工作总结

2015/04/07 职场文书

增值税发票丢失证明

2015/06/19 职场文书

tensorflow中的数据类型dtype用法说明

2021/05/26 Python

Javascript中async与await的捕捉错误详解

2022/03/03 Javascript

MySQL Server 层四个日志

2022/03/31 MySQL