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

轻量级 JS ToolTip提示效果

Jul 20 Javascript

JS上传图片前的限制包括(jpg jpg gif及大小高宽)等

Dec 19 Javascript

jquery实现控制表格行高亮实例

Jun 05 Javascript

js弹出层包含flash 不能关闭隐藏的2种处理方法

Jun 17 Javascript

js电话号码验证方法

Sep 28 Javascript

jQuery 的 ready()的纯js替代方法

Nov 20 Javascript

jQuery实现页面滚动时智能浮动定位

Jan 08 Javascript

微信小程序网络请求wx.request详解及实例

May 18 Javascript

Javascript中将变量转换为字符串的三种方法

Sep 19 Javascript

React组件重构之嵌套+继承及高阶组件详解

Jul 19 Javascript

Vue的Eslint配置文件eslintrc.js说明与规则介绍

Feb 03 Javascript

VUE前端从后台请求过来的数据进行转换数据结构操作

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

2015/02/11 PHP

php查看当前Session的ID实例

2015/03/16 PHP

discuz图片顺序混乱解决方案

2015/07/29 PHP

Yii2 rbac权限控制之rule教程详解

2016/06/23 PHP

Referer原理与图片防盗链实现方法详解

2019/07/03 PHP

JavaScript使用prototype定义对象类型(转)[

2006/12/22 Javascript

用js遍历 table的脚本

2008/07/23 Javascript

js调用后台servlet方法实例

2013/06/09 Javascript

javascript jq 弹出层实例

2013/08/25 Javascript

JS获得浏览器版本和操作系统版本的例子

2014/05/13 Javascript

基于jQuery实现的旋转彩圈实例

2015/06/26 Javascript

浅谈JavaScript 中有关时间对象的方法

2016/08/15 Javascript

ES6新特征数字、数组、字符串

2016/10/01 Javascript

NodeJS使用formidable实现文件上传

2016/10/27 NodeJs

从零学习node.js之简易的网络爬虫（四）

2017/02/22 Javascript

详解node.js搭建代理服务器请求数据

2017/04/08 Javascript

Vue之mixin全局的用法详解

2018/08/22 Javascript

vue中多路由表头吸顶实现的几种布局方式

2019/04/12 Javascript

Layer+Echarts构建弹出层折线图的方法

2019/09/25 Javascript

vue开发中遇到的问题总结

2020/04/07 Javascript

[01:04:32]DOTA2-DPC中国联赛正赛 Aster vs LBZS BO3 第二场 2月23日

2021/03/11 DOTA

python的构建工具setup.py的方法使用示例

2017/10/23 Python

Python基于列表模拟堆栈和队列功能示例

2018/01/05 Python

python字典快速保存于读取的方法

2018/03/23 Python

Python3多线程基础知识点

2019/02/19 Python

python可视化篇之流式数据监控的实现

2019/08/07 Python

Python基于requests库爬取网站信息

2020/03/02 Python

Python安装并操作redis实现流程详解

2020/10/13 Python

Python Pandas数据分析工具用法实例

2020/11/05 Python

CSS3制作酷炫的条纹背景

2017/11/09 HTML / CSS

互联网创业计划书的书写步骤

2014/01/28 职场文书

抽奖活动主持词

2014/03/31 职场文书

日语系毕业求职信

2014/07/27 职场文书

市委常委会班子党的群众路线教育实践活动整改方案

2014/10/25 职场文书

2019XX公司员工考核管理制度！

2019/08/07 职场文书

python中使用 unittest.TestCase单元测试的用例详解

2021/08/30 Python