编程 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进行目录上传（相当于批量上传）

Dec 05 Javascript

js 获取计算后的样式写法及注意事项

Feb 25 Javascript

javascript中的nextSibling使用陷(da)阱(keng)

May 05 Javascript

JavaScript参数个数可变的函数举例说明

Oct 10 Javascript

javascript实现动态统计图开发实例

Nov 21 Javascript

JavaScript转换与解析JSON方法实例详解

Nov 24 Javascript

JavaScript必知必会(十) call apply bind的用法说明

Jun 08 Javascript

jQuery实现的可编辑表格完整实例

Jun 20 Javascript

以BootStrap Tab为例写一个前端组件

Jul 25 Javascript

如何快速解决JS或Jquery ajax异步跨域的问题

Jan 08 jQuery

JS高阶函数原理与用法实例分析

Jan 15 Javascript

JavaScript遍历查找数组中最大值与最小值的方法示例

May 24 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

3.从实例开始

2006/10/09 PHP

php xml 入门学习资料

2011/01/01 PHP

php图像处理函数大全(推荐收藏)

2013/07/11 PHP

PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数

2014/06/19 PHP

PHP Trait代码复用类与多继承实现方法详解

2019/06/17 PHP

Underscore.js 的模板功能介绍与应用

2012/12/24 Javascript

NodeJS中Buffer模块详解

2015/01/07 NodeJs

javascript 对象数组根据对象object key的值排序

2015/03/09 Javascript

jQuery中toggle()函数的使用实例

2015/04/17 Javascript

js库Modernizr的介绍和使用

2015/05/07 Javascript

鼠标经过子元素触发mouseout，mouseover事件的解决方案

2015/07/26 Javascript

js实现点击切换TAB标签实例

2015/08/21 Javascript

javascript中加var和不加var的区别你真的懂吗

2016/01/06 Javascript

分离与继承的思想实现图片上传后的预览功能：ImageUploadView

2016/04/07 Javascript

js和jQuery设置Opacity半透明兼容IE6

2016/05/24 Javascript

vue 里面使用axios 和封装的示例代码

2017/09/01 Javascript

对vue下点击事件传参和不传参的区别详解

2018/09/15 Javascript

javascript数据类型中的一些小知识点（推荐）

2019/04/18 Javascript

python中的五种异常处理机制介绍

2014/09/02 Python

python中使用%与.format格式化文本方法解析

2017/12/27 Python

python获取命令行输入参数列表的实例代码

2018/06/23 Python

Python实现九宫格式的朋友圈功能内附“马云”朋友圈

2019/05/07 Python

Django实现发送邮件找回密码功能

2019/08/12 Python

Python箱型图处理离群点的例子

2019/12/09 Python

浅谈pytorch卷积核大小的设置对全连接神经元的影响

2020/01/10 Python

使用Python将Exception异常错误堆栈信息写入日志文件

2020/04/08 Python

Python requests模块cookie实例解析

2020/04/14 Python

判断Threading.start新线程是否执行完毕的实例

2020/05/02 Python

Python configparser模块操作代码实例

2020/06/08 Python

Python实现文件压缩和解压的示例代码

2020/08/12 Python

Python内置函数property()如何使用

2020/09/01 Python

生日宴会策划方案

2014/06/03 职场文书

大学生实训报告总结

2014/11/05 职场文书

《百分数的认识》教学反思

2016/02/19 职场文书

Maven学习----Maven安装与环境变量配置教程

2021/06/29 Java/Android

使用 Docker Compose 构建复杂的多容器App

2022/04/30 Servers