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

IE浏览器PNG图片透明效果代码

Sep 02 Javascript

另一个javascript小测验(代码集合)

Jul 27 Javascript

JS 控制小数位数的实现代码

Aug 02 Javascript

33个优秀的 jQuery 图片展示插件分享

Mar 14 Javascript

jQuery使用技巧简单汇总

Apr 18 Javascript

swtich／if...else的替代语句

Aug 16 Javascript

javascript实现起伏的水波背景效果

May 16 Javascript

javascript 单例模式详解及简单实例

Feb 14 Javascript

webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

Jan 09 Javascript

JS实现中英文混合文字溢出友好截取功能

Aug 06 Javascript

BootStrap modal实现拖拽功能

Dec 01 Javascript

一起深入理解js中的事件对象

Feb 06 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在XP下IIS和Apache2服务器上的安装

2006/09/05 PHP

PHP通过COM使用ADODB的简单例子

2006/12/31 PHP

PHP 作用域解析运算符(::)

2010/07/27 PHP

php集成环境xampp中apache无法启动问题解决方案

2014/11/18 PHP

php计算税后工资的方法

2015/07/28 PHP

thinkphp微信开发（消息加密解密）

2015/12/02 PHP

javascript中运用闭包和自执行函数解决大量的全局变量问题

2010/12/30 Javascript

js中top、clientTop、scrollTop、offsetTop的区别文字详细说明版

2011/01/08 Javascript

这些年、我收集的JQuery代码小结

2012/08/01 Javascript

浅析document.ready和window.onload的区别讲解

2013/12/18 Javascript

实例剖析AngularJS框架中数据的双向绑定运用

2016/03/04 Javascript

浅析location.href跨窗口调用函数

2016/11/22 Javascript

原生JS实现隐藏显示图片 JS实现点击切换图片效果

2021/01/27 Javascript

微信小程序使用for循环动态渲染页面操作示例

2018/12/25 Javascript

关于js陀螺仪的理解分析

2019/04/11 Javascript

详解小程序毫秒级倒计时（适用于拼团秒杀功能）

2019/05/05 Javascript

[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场

2018/04/04 DOTA

Python程序语言快速上手教程

2012/07/18 Python

Python判断值是否在list或set中的性能对比分析

2016/04/16 Python

tensorflow实现图像的裁剪和填充方法

2018/07/27 Python

python模糊图片过滤的方法

2018/12/14 Python

django从后台返回html代码的实例

2020/03/11 Python

新手常见Python错误及异常解决处理方案

2020/06/18 Python

世界最大的票务市场：viagogo

2017/02/16 全球购物

东南亚排名第一的服务市场：kaodim

2019/03/28 全球购物

比较基础的php面试题及答案-编程题

2012/10/14 面试题

附答案的Java面试题

2012/11/19 面试题

社会治安综合治理管理责任书

2014/04/16 职场文书

银行求职信范文

2014/05/26 职场文书

2014领导班子正风肃纪思想汇报

2014/09/18 职场文书

2015年社区综治工作总结

2015/04/21 职场文书

2015年财政局工作总结

2015/05/21 职场文书

文明和谐家庭事迹材料（2016精选版）

2016/02/29 职场文书

2016年小学党支部创先争优活动总结

2016/04/05 职场文书

Python数据分析入门之教你怎么搭建环境

2021/05/13 Python

FP-growth算法发现频繁项集——构建FP树

2021/06/24 Python