编程 Javascript

Bootstrap页面标题Page Header的实现方法

Posted in Javascript onMarch 22, 2017

本文实例为大家分享了Bootstrap页面标题展示的具体代码，供大家参考，具体内容如下

<!DOCTYPE html> 
<html> 
<head> 
 <title>Bootstrap 页面标题（Page Header）</title> 
 <meta charset="utf-8"> 
 <link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" > 
</head> 
 
<body> 
<div class="jumbotron"> 
<div class="container"> 
 <div class="page-header"> 
 <h1>页面标题 
  <small>子标题</small> 
 </h1> 
 </div> 
 <p>Bootstrap 页面标题（Page Header.Bootstrap 页面标题（Page Header）.Bootstrap 页面标题（Page Header）.Bootstrap 页面标题（Page Header）.</p> 
</div> 
</div> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
 </body> 
</html>

如需使用页面标题（Page Header），请把标题放置在带有 class .page-header 的 <div> 中，效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Bootstrap页面标题Page Header的实现方法

- Author -

boonyaxnn

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于setInterval、setTimeout在jQuery中的使用注意事项

Sep 28 Javascript

JS判断当前日期是否大于某个日期的实现代码

Sep 02 Javascript

JavaScript运算符小结

Jun 03 Javascript

BootStrap创建响应式导航条实例代码

May 31 Javascript

jQuery的ajax中使用FormData实现页面无刷新上传功能

Jan 16 Javascript

js实现手机拍照上传功能

Jan 17 Javascript

几种tab切换详解

Feb 03 Javascript

vue使用keep-alive实现数据缓存不刷新

Oct 21 Javascript

vue 引入公共css文件的简单方法(推荐)

Jan 20 Javascript

Vue项目history模式下微信分享爬坑总结

Mar 29 Javascript

基于layui实现高级搜索（筛选）功能

Jul 26 Javascript

Vue微信公众号网页分享的示例代码

May 28 Javascript

javascript实现滑动解锁功能

Mar 22 #Javascript

Bootstrap警告（Alerts）的实现方法

Mar 22 #Javascript

bootstrap IE8 兼容性处理

Mar 22 #Javascript

详解angular中通过$location获取路径(参数)的写法

Mar 21 #Javascript

jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码

Mar 21 #jQuery

Linux使用Node.js建立访问静态网页的服务实例详解

Mar 21 #Javascript

在 Angular 中实现搜索关键字高亮示例

Mar 21 #Javascript

You might like

php下实现农历日历的代码

2007/03/07 PHP

php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法

2009/11/27 PHP

PHP 将图片按创建时间进行分类存储的实现代码

2010/01/05 PHP

PHP实现超简单的SSL加密解密、验证及签名的方法示例

2017/08/28 PHP

thinkPHP框架中执行原生SQL语句的方法

2017/10/25 PHP

php使用scandir()函数扫描指定目录下所有文件示例

2019/06/08 PHP

ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例

2020/02/07 PHP

不要小看注释掉的JS 引起的安全问题

2008/12/27 Javascript

HTML node相关的一些资料整理

2010/01/01 Javascript

Javascript公共脚本库系列(一): 弹出层脚本

2011/02/24 Javascript

用javascript替换URL中的参数值示例代码

2014/01/27 Javascript

实例讲解jquery与json的结合

2016/01/07 Javascript

php基于redis处理session的方法

2016/03/14 Javascript

AngularJS constant和value区别详解

2017/02/28 Javascript

JQuery查找子元素find()和遍历集合each的方法总结

2017/03/07 Javascript

vue2.0结合DataTable插件实现表格动态刷新的方法详解

2017/03/17 Javascript

基于hover的用法实例(推荐)

2017/07/04 Javascript

Nodejs之TCP服务端与客户端聊天程序详解

2017/07/07 NodeJs

Vue2.0中集成UEditor富文本编辑器的方法

2018/03/03 Javascript

layui清除radio的选中状态实例

2019/11/14 Javascript

如何阻止移动端浏览器点击图片浏览

2020/08/29 Javascript

Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析

2018/05/08 Python

tensorflow转换ckpt为savermodel模型的实现

2020/05/25 Python

全球航班旅行搜索网站：Cheapflights

2017/05/19 全球购物

菲律宾票务网站：StubHub菲律宾

2018/04/21 全球购物

FLOS美国官网：意大利高级照明工艺的传奇

2018/08/07 全球购物

类和结构的区别

2012/08/15 面试题

金鑫耀Java笔试题

2014/09/06 面试题

生日宴会答谢词

2014/01/09 职场文书

《与象共舞》教学反思

2014/02/24 职场文书

教师一岗双责责任书

2014/04/16 职场文书

基层工作经验证明样本

2014/11/16 职场文书

餐厅收银员岗位职责

2015/04/07 职场文书

2016消防宣传标语口号

2015/12/26 职场文书

学校趣味运动会开幕词

2016/03/04 职场文书

2019个人工作计划书的格式及范文！

2019/07/04 职场文书