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

深入理解JavaScript系列(4) 立即调用的函数表达式

Jan 15 Javascript

JS制作手机端自适应缩放显示

Jun 11 Javascript

js窗口关闭提示信息（兼容IE和firefox）

Oct 23 Javascript

JS实现的表格操作类详解(添加，删除，排序，上移，下移)

Dec 22 Javascript

jquery模拟实现鼠标指针停止运动事件

Jan 12 Javascript

详解jQuery的表单验证插件--Validation

Dec 21 Javascript

基于JavaScript实现熔岩灯效果导航菜单

Jan 04 Javascript

ReactNative Image组件使用详解

Aug 07 Javascript

React组件refs的使用详解

Feb 09 Javascript

JavaScript中join()、splice()、slice()和split()函数用法示例

Aug 24 Javascript

详解Element-UI中上传的文件前端处理

Aug 07 Javascript

小程序组件传值和引入sass的方法(使用vant Weapp组件库)

Nov 24 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下获取客户端ip地址的函数

2010/03/15 PHP

PHP以及MYSQL日期比较方法

2012/11/29 PHP

老生常谈PHP位运算的用途

2017/03/12 PHP

根据经纬度计算地球上两点之间的距离js实现代码

2013/03/05 Javascript

JS匀速运动演示示例代码

2013/11/26 Javascript

Extjs4中的分页应用结合前后台

2013/12/13 Javascript

Js实现手机发送验证码时按钮延迟操作

2014/06/20 Javascript

jQuery取消特定的click事件

2016/02/29 Javascript

基于JavaScript实现购物网站商品放大镜效果

2016/09/06 Javascript

浅谈js对象属性通过点(.) 和方括号([]) 的不同之处

2016/10/29 Javascript

浅析JavaScriptSerializer类的序列化与反序列化

2016/11/22 Javascript

解决Window10系统下Node安装报错的问题分析

2016/12/13 Javascript

javascript简单链式调用案例分析

2017/05/10 Javascript

在 Node.js 中使用原生 ES 模块方法解析

2017/09/19 Javascript

微信小程序wx.getImageInfo()如何获取图片信息

2018/01/26 Javascript

JavaScript实现的贝塞尔曲线算法简单示例

2018/01/30 Javascript

微信小程序自定义导航栏

2018/12/31 Javascript

vscode配置vue下的es6规范自动格式化详解

2019/03/20 Javascript

JavaScript怎样在删除前添加确认弹出框?

2019/05/27 Javascript

javascript使用canvas实现饼状图效果

2020/09/08 Javascript

[46:43]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第二局

2016/03/02 DOTA

[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard

2020/04/28 DOTA

简单掌握Python的Collections模块中counter结构的用法

2016/07/07 Python

使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法

2018/06/22 Python

浅谈关于html5中图片抛物线运动的一些心得

2018/01/09 HTML / CSS

施华洛世奇天猫官方旗舰店：SWAROVSKI

2017/04/17 全球购物

在阿尔卑斯山或希腊度过快乐假期：Alpine Elements

2019/12/28 全球购物

网络方面基础面试题

2012/11/16 面试题

家长对小学生的评语

2014/01/28 职场文书

挂牌仪式主持词

2014/03/20 职场文书

八项规定对照检查材料

2014/08/31 职场文书

安全伴我行演讲稿

2014/09/04 职场文书

乡镇领导班子四风整顿行动工作汇报

2014/10/25 职场文书

继承权公证书范本

2015/01/23 职场文书

出国导师推荐信

2015/03/25 职场文书

Django使用channels + websocket打造在线聊天室

2021/05/20 Python