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的实现方法

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

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