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

学习ExtJS TextField常用方法

Oct 07 Javascript

关于javascript中this关键字(翻译+自我理解)

Oct 20 Javascript

各情景下元素宽高的获取实现代码

Sep 13 Javascript

JS保留两位小数四舍五入函数的小例子

Nov 20 Javascript

jquery限定文本框只能输入数字即整数和小数

Nov 29 Javascript

jQuery获取对象简单实现方法小结

Oct 30 Javascript

JavaScript 学习笔记之语句

Jan 14 Javascript

jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)

Oct 28 Javascript

vuejs手把手教你写一个完整的购物车实例代码

Jul 06 Javascript

AJAX在JQuery中的应用详解

Jan 30 jQuery

vue 中Virtual Dom被创建的方法

Apr 15 Javascript

JavaScript设计模式之门面模式原理与实现方法分析

Mar 09 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