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

range 标准化之获取

Aug 28 Javascript

jquery事件机制扩展插件 jquery鼠标右键事件。

Dec 26 Javascript

window.open的页面如何刷新(父页面)上层页面

Dec 28 Javascript

JS实现匀速运动的代码实例

Nov 29 Javascript

移除AngularJS下URL中的#字符的方法

Jun 19 Javascript

JS不完全国际化&本地化手册之理论篇

Sep 27 Javascript

js实现背景图自适应窗口大小

Jan 10 Javascript

浅谈vue实现数据监听的函数 Object.defineProperty

Jun 08 Javascript

Angular2整合其他插件的方法

Jan 20 Javascript

利用Webpack实现小程序多项目管理的方法

Feb 25 Javascript

js中Generator函数的深入讲解

Apr 07 Javascript

vue父组件触发事件改变子组件的值的方法实例详解

May 07 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将数据库中的电话号码读取出来并生成图片

2008/08/31 PHP

php遍历CSV类实例

2015/04/14 PHP

php 实现301重定向跳转实例代码

2016/07/18 PHP

php 伪造HTTP_REFERER页面URL来源的三种方法

2016/09/22 PHP

PHP+Ajax异步带进度条上传文件实例

2016/11/01 PHP

PHP实践教程之过滤、验证、转义与密码详解

2017/07/24 PHP

Laravel多用户认证系统示例详解

2018/03/13 PHP

PHP后台备份MySQL数据库的源码实例

2019/03/18 PHP

jQuery 瀑布流绝对定位布局（二）(延迟AJAX加载图片)

2012/05/23 Javascript

js脚本获取webform服务器控件的方法

2014/05/16 Javascript

JavaScript中跨域调用Flash的方法

2014/08/11 Javascript

JavaScript数据类型检测代码分享

2015/01/26 Javascript

jQuery插件datepicker 日期连续选择

2015/06/12 Javascript

Javascript的表单验证-初识正则表达式

2016/03/18 Javascript

bootstrap模态框消失问题的解决方法

2016/12/02 Javascript

AngularJS指令中的绑定策略实例分析

2016/12/14 Javascript

AngularJS 在同一个界面启动多个ng-app应用模块详解

2016/12/20 Javascript

jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]

2017/07/05 jQuery

vue用addRoutes实现动态路由的示例

2017/09/15 Javascript

详细分析jsonp的原理和实现方式

2017/11/20 Javascript

Vue中使用ElementUI使用第三方图标库iconfont的示例

2018/10/11 Javascript

傻瓜式解读koa中间件处理模块koa-compose的使用

2018/10/30 Javascript

Python greenlet实现原理和使用示例

2014/09/24 Python

python实用代码片段收集贴

2015/06/03 Python

使用python实现快速搭建简易的FTP服务器

2018/09/12 Python

python实现一个简单的udp通信的示例代码

2019/02/01 Python

Python GUI编程完整示例

2019/04/04 Python

手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤

2020/08/07 Python

Joie官方网上商店：购买服装和女装配饰

2018/06/05 全球购物

BudgetAir印度：预订航班、酒店和汽车租赁

2019/07/07 全球购物

初二物理教学反思

2014/01/29 职场文书

团队精神的演讲稿

2014/05/14 职场文书

机械操作工岗位职责

2014/08/08 职场文书

工作业绩不及格检讨书

2014/10/28 职场文书

特岗教师个人总结

2015/02/10 职场文书

2016党员学习心得体会范文

2016/01/23 职场文书