编程 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 对Select的操作备忘记录

Jul 04 Javascript

jquery自动填充勾选框即把勾选框打上true

Mar 24 Javascript

jQuery实现带滚动导航效果的全屏滚动相册实例

Jun 19 Javascript

JS+CSS实现简单的二级下拉导航菜单效果

Sep 21 Javascript

javascript原型继承工作原理和实例详解

Apr 07 Javascript

jQuery弹出div层过2秒自动消失

Nov 29 Javascript

BootStrap栅格系统、表单样式与按钮样式源码解析

Jan 20 Javascript

Vue学习笔记进阶篇之函数化组件解析

Jul 21 Javascript

JavaScript创建对象的七种方式全面总结

Aug 21 Javascript

Vue瀑布流插件的使用示例

Sep 19 Javascript

Vue.js结合bootstrap前端实现分页和排序效果

Dec 29 Javascript

JavaScript利用html5新方法操作元素类名详解

Nov 27 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 curl 并发最佳实践代码分享

2012/09/05 PHP

ThinkPHP 5.x远程命令执行漏洞复现

2019/09/23 PHP

动态加载js文件 document.createElement

2006/10/14 Javascript

JQuery动画和停止动画实例代码

2013/03/01 Javascript

jquery的flexigrid无法显示数据提示获取到数据

2013/07/19 Javascript

解决Jquery鼠标经过不停滑动的问题

2014/03/03 Javascript

使用Angular.js开发的注意事项

2016/10/19 Javascript

JS函数修改html的元素内容,及修改属性内容的方法

2016/10/28 Javascript

jQuery.Form上传文件操作

2017/02/05 Javascript

走进AngularJs之过滤器（filter）详解

2017/02/17 Javascript

详解如何在vue中使用sass

2017/06/21 Javascript

简单谈谈vue的过渡动画(推荐)

2017/10/11 Javascript

layui获取选中行数据的实例讲解

2018/08/19 Javascript

angularJS实现不同视图同步刷新详解

2018/10/09 Javascript

vue elementui form表单验证的实现

2018/11/11 Javascript

vue-router重定向和路由别名的使用讲解

2019/01/19 Javascript

js实现炫酷光感效果

2020/09/05 Javascript

[01:11:21]DOTA2-DPC中国联赛正赛 VG vs Elephant BO3 第一场 3月6日

2021/03/11 DOTA

浅谈python对象数据的读写权限

2016/09/12 Python

django 修改server端口号的方法

2018/05/14 Python

python 初始化一个定长的数组实例

2019/12/02 Python

python列表切片和嵌套列表取值操作详解

2020/02/27 Python

Windows 下python3.8环境安装教程图文详解

2020/03/11 Python

Python远程方法调用实现过程解析

2020/07/28 Python

python反扒机制的5种解决方法

2021/02/06 Python

HTML5地理定位与第三方工具百度地图的应用

2016/11/17 HTML / CSS

html5 移动端视频video的android兼容(去除播放控件、全屏)

2020/03/26 HTML / CSS

施华洛世奇新加坡官网：SWAROVSKI新加坡

2020/10/06 全球购物

JPA的特点

2014/10/25 面试题

入党申请人的自我鉴定

2013/12/01 职场文书

幼儿园六一活动总结

2014/08/27 职场文书

个人作风建设自查报告

2014/10/22 职场文书

2014年教学工作总结

2014/11/13 职场文书

劳保用品管理制度范本

2015/08/06 职场文书

2016年圣诞节寄语（一句话）

2015/12/07 职场文书

SQL写法--行行比较

2021/08/23 SQL Server