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 相关文章推荐
理解JavaScript的caller,callee,call,apply
Apr 28 Javascript
jquery实现兼容IE8的异步上传文件
Jun 15 Javascript
js调出上下文菜单的实例
Dec 17 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
Jul 21 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
May 11 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
JS实现520 表白简单代码
May 21 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
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和.net中des加解密的实现方法
2013/02/27 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
js鼠标滑过弹出层的定位IE6bug解决办法
2012/12/26 Javascript
javascript中简单的进制转换代码实例
2013/10/26 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
推荐6款基于jQuery实现图片效果插件
2014/12/07 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
vue中mint-ui环境搭建详细介绍
2017/04/06 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
原生js实现自定义滚动条
2021/01/20 Javascript
初学python数组的处理代码
2011/01/04 Python
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
Python实现的rsa加密算法详解
2018/01/24 Python
java判断三位数的实例讲解
2019/06/10 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
建筑班组长岗位职责
2014/01/02 职场文书
网络信息安全承诺书
2014/03/26 职场文书
合作经营协议书
2014/04/17 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
职称评定个人总结
2015/03/05 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
HTTP中的Content-type详解
2022/01/18 HTML / CSS