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

关闭时刷新父窗口两种方法

May 07 Javascript

使用命令对象代替switch语句的写法示例

Feb 28 Javascript

JavaScript实现带箭头标识的多级下拉菜单效果

Aug 27 Javascript

JavaScript基础知识之方法汇总结

Jan 24 Javascript

BootStrap Select清除选中的状态恢复默认状态

Jun 20 Javascript

IScroll那些事_当内容不足时下拉刷新的解决方法

Jul 18 Javascript

vue2.0 axios跨域并渲染的问题解决方法

Mar 08 Javascript

react native基于FlatList下拉刷新上拉加载实现代码示例

Sep 30 Javascript

监听angularJs列表数据是否渲染完毕的方法示例

Nov 07 Javascript

Vue.js实现开发购物车功能的方法详解

Feb 22 Javascript

javascript如何实现create方法

Nov 04 Javascript

js实现磁性吸附的示例

Oct 26 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学习之PHP表达式

2006/10/09 PHP

使用PHP遍历文件目录与清除目录中文件的实现详解

2013/06/24 PHP

Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解

2017/03/02 PHP

EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本

2017/04/04 PHP

thinkphp3.2同时连接两个数据库的简单方法

2019/08/13 PHP

PHP执行系统命令函数实例讲解

2021/03/03 PHP

分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码

2011/09/21 Javascript

JavaScript加强之自定义event事件

2013/09/21 Javascript

JS+CSS设置img在DIV中只显示Img垂直居中的部分

2013/10/24 Javascript

Jquery easyui 实现动态树

2015/11/17 Javascript

Node.js配合node-http-proxy解决本地开发ajax跨域问题

2016/08/31 Javascript

jQuery.parseHTML() 函数详解

2017/01/09 Javascript

javascript编程实现栈的方法详解【经典数据结构】

2017/04/11 Javascript

JS正则验证多个邮箱完整实例【邮箱用分号隔开】

2017/04/19 Javascript

前端开发不得不知的10个最佳ES6特性

2017/08/30 Javascript

详解Vue.js项目API、Router配置拆分实践

2018/03/16 Javascript

详解Vue开发微信H5微信分享签名失败问题解决方案

2018/08/09 Javascript

vue 移动端适配方案详解

2018/11/15 Javascript

如何使用VuePress搭建一个类型element ui文档

2019/02/14 Javascript

详解Vue中组件传值的多重实现方式

2019/08/16 Javascript

[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦

2015/02/02 DOTA

python基础教程之实现石头剪刀布游戏示例

2014/02/11 Python

利用Python开发实现简单的记事本

2016/11/15 Python

Python面向对象class类属性及子类用法分析

2018/02/02 Python

python opencv3实现人脸识别（windows）

2018/05/25 Python

分析python请求数据

2018/08/19 Python

python 调试冷知识(小结)

2019/11/11 Python

keras处理欠拟合和过拟合的实例讲解

2020/05/25 Python

关于CSS Tooltips(鼠标经过时显示)的效果

2013/04/10 HTML / CSS

如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样

2013/06/16 面试题

商务日语毕业生自荐信

2013/11/23 职场文书

电大奖学金获奖感言

2014/08/14 职场文书

2014年保密工作总结

2014/11/22 职场文书

丽江古城导游词

2015/02/03 职场文书

2015年超市工作总结范文

2015/05/26 职场文书

解决IDEA翻译插件Translation报错更新TTK失败不能使用

2022/04/24 Python