编程 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 事件冒泡的介绍以及如何阻止事件冒泡

Dec 25 Javascript

js控制当再次点击按钮时的间隔时间

Jun 03 Javascript

使用JS画图之点、线、面

Jan 12 Javascript

js实现新浪微博首页效果

Oct 16 Javascript

如何利用JS通过身份证号获取当事人的生日、年龄、性别

Jan 22 Javascript

Js自动截取字符串长度,添加省略号(……)的实现方法

Mar 06 Javascript

详解angular用$sce服务来过滤HTML标签

Apr 11 Javascript

jQuery ajax调用webservice注意事项

Oct 08 jQuery

详解Vue 中 extend 、component 、mixins 、extends 的区别

Dec 20 Javascript

Vue 使用中的小技巧

Apr 26 Javascript

详解JavaScript原生封装ajax请求和Jquery中的ajax请求

Feb 14 jQuery

JavaScript实现页面高亮操作提示和蒙板

Jan 04 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学习笔记（一）：基本语法之标记、空白、和注释

2015/04/17 PHP

关于Yii2框架跑脚本时内存泄漏问题的分析与解决

2019/12/01 PHP

js打印纸函数代码（递归）

2010/06/18 Javascript

Jquery AJAX 用于计算点击率(统计)

2010/06/30 Javascript

jquery获取自定义属性(attr和prop)实例介绍

2013/04/21 Javascript

Javascript单元测试框架QUnitjs详细介绍

2014/05/08 Javascript

在JavaScript中正确引用bind方法的应用

2015/05/11 Javascript

JavaScript常用数组算法小结

2016/02/13 Javascript

利用浮层使select不可选的实现方法

2016/12/03 Javascript

JS简单获取当前日期时间的方法(如：2017-03-29 11:41:10 星期四)

2017/03/29 Javascript

微信小程序实现图片压缩功能

2018/01/26 Javascript

浅谈Vue.use的使用

2018/08/29 Javascript

详解Vue项目中出现Loading chunk {n} failed问题的解决方法

2018/09/14 Javascript

如何让node运行es6模块文件及其原理详解

2018/12/11 Javascript

React-redux实现小案例（todolist）的过程

2019/09/29 Javascript

Angular如何由模板生成DOM树的方法

2019/12/23 Javascript

JavaScript实现随机点名小程序

2020/10/29 Javascript

python获取一组数据里最大值max函数用法实例

2015/05/26 Python

Python推导式简单示例【列表推导式、字典推导式与集合推导式】

2018/12/04 Python

pycharm修改界面主题颜色的方法

2019/01/17 Python

python反编译学习之字节码详解

2019/05/19 Python

Python中利用LSTM模型进行时间序列预测分析的实现

2019/07/26 Python

pandas的排序和排名的具体使用

2019/07/31 Python

django ManyToManyField多对多关系的实例详解

2019/08/09 Python

python进行二次方程式计算的实例讲解

2020/12/06 Python

打架检讨书2000字

2014/02/22 职场文书

团委书记的竞聘演讲稿

2014/04/24 职场文书

经济类毕业生求职信

2014/06/26 职场文书

纪律教育学习心得体会

2014/09/02 职场文书

学校总务处领导班子民主生活会对照检查材料思想汇报

2014/09/27 职场文书

欠款起诉书范文

2015/05/19 职场文书

独生子女证明范本

2015/06/19 职场文书

新郎结婚感言

2015/07/31 职场文书

小学教师师德培训心得体会

2016/01/09 职场文书

Mysql数据库按时间点恢复实战记录

2021/06/30 MySQL

AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解

2022/04/09 Javascript