编程 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常用对象的方法和属性小结

Jan 24 Javascript

jQuery/CSS3图片特效插件整理推荐

Dec 07 Javascript

JavaScript字符串常用类使用方法汇总

Apr 14 Javascript

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

Jan 12 Javascript

javascript每日必学之运算符

Feb 16 Javascript

jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解

Oct 24 Javascript

javascript数据类型详解

Feb 07 Javascript

Three.js基础学习之场景对象

Sep 27 Javascript

详解微信小程序Page中data数据操作和函数调用

Sep 27 Javascript

JavaScript中重名的函数与对象示例详析

Sep 28 Javascript

react脚手架如何配置less和ant按需加载的方法步骤

Nov 28 Javascript

详解JavaScript中的强制类型转换

Apr 15 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

解析zend studio中直接导入svn中的项目的方法步骤

2013/06/21 PHP

PHP过滤器 filter_has_var() 函数用法实例分析

2020/04/23 PHP

JS代码放在head和body中的区别分析

2011/12/01 Javascript

jQuery动画效果-slideUp slideDown上下滑动示例代码

2013/08/28 Javascript

文本框只能选择数据到文本框禁止手动输入

2013/11/22 Javascript

jquery统计用户选中的复选框的个数

2014/06/06 Javascript

Javascript检查图片大小不要让大图片撑破页面

2014/11/04 Javascript

JS+CSS实现实用的单击输入框弹出选择框的方法

2015/02/28 Javascript

基于jQuery滑动杆实现购买日期选择效果

2015/09/15 Javascript

深入理解js函数的作用域与this指向

2016/05/28 Javascript

完美JQuery图片切换效果的简单实现

2016/07/21 Javascript

nodejs中sleep功能实现暂停几秒的方法

2017/07/12 NodeJs

javascript 删除select中的所有option的实例

2017/09/17 Javascript

详解如何用babel转换es6的class语法

2018/04/03 Javascript

微信小程序实现授权登录

2019/05/15 Javascript

使用python统计文件行数示例分享

2014/02/21 Python

Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】

2019/03/11 Python

Python 2/3下处理cjk编码的zip文件的方法

2019/04/26 Python

利用rest framework搭建Django API过程解析

2019/08/31 Python

python列表的逆序遍历实现

2020/04/20 Python

CSS3中Animation动画属性用法详解

2016/07/04 HTML / CSS

Html5 webRTC简单实现视频调用的示例代码

2020/09/23 HTML / CSS

html table呈现个人简历以及单元格宽度失效的问题解决

2021/01/22 HTML / CSS

墨尔本复古时尚品牌：Dangerfield

2018/12/12 全球购物

美术师范毕业生自荐信

2013/11/16 职场文书

项目投资建议书

2014/05/16 职场文书

警察先进个人事迹材料

2014/05/16 职场文书

机电专业求职信

2014/06/14 职场文书

教师一帮一活动总结

2014/07/08 职场文书

低碳日宣传活动总结

2014/07/09 职场文书

会议主持词开场白

2015/05/28 职场文书

致三级跳运动员加油稿

2015/07/21 职场文书

交通安全教育主题班会

2015/08/12 职场文书

人身损害赔偿协议书

2016/03/22 职场文书

如何起草一份正确的合伙创业协议书？

2019/07/04 职场文书

详解在SQLPlus中实现上下键翻查历史命令的功能

2022/03/18 SQL Server