编程 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 Math.ceil() 函数使用介绍

Dec 11 Javascript

深入分析jquery解析json数据

Dec 09 Javascript

node.js中的http.response.writeHead方法使用说明

Dec 14 Javascript

angular.bind使用心得

Oct 26 Javascript

jquery.cookie.js实现用户登录保存密码功能的方法

Apr 15 Javascript

用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)

May 17 Javascript

Vue.js与 ASP.NET Core 服务端渲染功能整合

Nov 16 Javascript

AjaxUpLoad.js实现文件上传

Mar 05 Javascript

layerUI下的绑定事件实例代码

Aug 17 Javascript

微信小程序之侧边栏滑动实现过程解析（附完整源码）

Aug 23 Javascript

vue3.0封装轮播图组件的步骤

Mar 04 Vue.js

vue3语法糖内的defineProps及defineEmits

Apr 14 Vue.js

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获取远程图片并把它保存到本地的代码

2008/04/07 PHP

FleaPHP的安全设置方法

2008/09/15 PHP

PHP 字符串小常识

2009/06/05 PHP

memcached 和 mysql 主从环境下php开发代码详解

2010/05/16 PHP

PHP禁止页面缓存的代码

2011/10/23 PHP

解析PHP计算页面执行时间的实现代码

2013/06/18 PHP

php删除数组指定元素实现代码

2017/05/03 PHP

php屏蔽错误及提示的方法

2020/05/10 PHP

延时重复执行函数 lLoopRun.js

2007/05/08 Javascript

给js文件传参数(详解)

2014/07/13 Javascript

防止Node.js中错误导致进程阻塞的办法

2016/08/11 Javascript

php简单数据库操作类的封装

2017/06/08 Javascript

Taro集成Redux快速上手的方法示例

2018/06/21 Javascript

layer 关闭指定弹出层的例子

2019/09/25 Javascript

vue中可编辑树状表格的实现代码

2020/10/31 Javascript

Django接受前端数据的几种方法总结

2016/11/04 Python

django 常用orm操作详解

2017/09/13 Python

Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例

2017/12/12 Python

Python3 中文文件读写方法

2018/01/23 Python

Python使用re模块正则提取字符串中括号内的内容示例

2018/06/01 Python

python selenium自动上传有赞单号的操作方法

2018/07/05 Python

Python实现图片批量加入水印代码实例

2019/11/30 Python

Python selenium自动化测试模型图解

2020/04/15 Python

Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)

2020/08/07 Python

Pytho爬虫中Requests设置请求头Headers的方法

2020/09/22 Python

Python Pandas数据分析工具用法实例

2020/11/05 Python

欧洲当代手工玻璃和瓷器的领先品牌：LSA International

2018/06/03 全球购物

SQL面试题

2013/04/30 面试题

高校辅导员推荐信范文

2013/12/25 职场文书

初二物理教学反思

2014/01/29 职场文书

请假条格式范文

2014/04/10 职场文书

教师业务培训方案

2014/05/01 职场文书

土建专业毕业生自荐书

2014/07/04 职场文书

2014年国庆节演讲稿

2014/09/19 职场文书

公司股份合作协议书

2014/12/07 职场文书

二年级作文之动物作文

2019/11/13 职场文书