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

jQuery EasyUI 中文API Layout(Tabs)

Apr 27 Javascript

淘宝网提供的国内NPM镜像简介和使用方法

Apr 17 Javascript

JavaScript和CSS交互的方法汇总

Dec 02 Javascript

Javascript 拖拽雏形中的一些问题(逐行分析代码，让你轻松了拖拽的原理)

Jan 23 Javascript

javascript验证身份证号

Mar 03 Javascript

JavaScript编写连连看小游戏

Jul 07 Javascript

jQuery Mobile弹出窗、弹出层知识汇总

Jan 05 Javascript

理解Javascript文件动态加载

Jan 29 Javascript

jquery datatable服务端分页

Aug 31 Javascript

jQuery动态追加页面数据以及事件委托详解

May 06 jQuery

Vue中 axios delete请求参数操作

Aug 25 Javascript

小程序实现密码输入框

Nov 16 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

56.com视频采集接口程序(PHP)

2007/09/22 PHP

php 判断访客是否为搜索引擎蜘蛛的函数代码

2011/07/29 PHP

解密ThinkPHP3.1.2版本之独立分组功能应用

2014/06/19 PHP

PHP实现冒泡排序的简单实例

2016/05/26 PHP

利用PHPExcel实现Excel文件的写入和读取

2017/04/26 PHP

HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高

2021/03/09 Javascript

JavaScript DOM节点添加示例

2014/07/16 Javascript

JavaScript实现的背景自动变色代码

2015/10/17 Javascript

Javascript 函数的四种调用模式

2016/11/05 Javascript

jQuery Validate插件自定义验证规则的方法

2016/12/27 Javascript

ajax图片上传，图片异步上传，更新实例

2016/12/30 Javascript

ajax+node+request爬取网络图片的实例(宅男福利)

2017/08/28 Javascript

angular.js4使用 RxJS 处理多个 Http 请求

2017/09/23 Javascript

JavaScript实现的九种排序算法

2019/03/04 Javascript

angular8.5集成TinyMce5的使用和详细配置(推荐)

2020/11/16 Javascript

常见的在Python中实现单例模式的三种方法

2015/04/08 Python

python中的闭包用法实例详解

2015/05/05 Python

python使用xpath中遇到：到底是什么？

2018/01/04 Python

wx.CheckBox创建复选框控件并响应鼠标点击事件

2018/04/25 Python

python 获取一个值在某个区间的指定倍数的值方法

2018/11/12 Python

钉钉群自定义机器人消息Python封装的实例

2019/02/20 Python

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

2019/03/11 Python

解决pyinstaller 打包exe文件太大，用pipenv 缩小exe的问题

2020/07/13 Python

Python爬虫爬取微信朋友圈

2020/08/06 Python

IE9对HTML5中部分属性不支持的原因分析

2014/10/15 HTML / CSS

Net-A-Porter美国官网：全球时尚奢侈品名站

2017/02/11 全球购物

雅萌 (YA-MAN) ：日本美容家电领域的龙头企业

2017/05/12 全球购物

酒店管理专业学生求职信

2013/09/27 职场文书

财务会计毕业生自荐信

2013/11/02 职场文书

学习党课思想汇报

2013/12/29 职场文书

雷人标语集锦

2014/06/19 职场文书

公司财务会计主管应聘求职信

2014/09/26 职场文书

党员承诺书范文2015

2015/04/27 职场文书

开学第一周值周总结

2015/07/16 职场文书

python图像处理基本操作总结（PIL库、Matplotlib及Numpy）

2021/06/08 Python

使用Java去实现超市会员管理系统

2022/03/18 Java/Android