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

javascript 图片上一张下一张链接效果代码

Mar 12 Javascript

jquery获取select选中值的方法分析

Dec 22 Javascript

js仿iphone秒表功能计算平均数

Jan 11 Javascript

jQuery实现获取h1-h6标题元素值的方法

Mar 06 Javascript

jQuery实现鼠标滑过预览图片大图效果的方法

Apr 26 jQuery

javascript函数的节流[throttle]与防抖[debounce]

Nov 15 Javascript

详解如何使用koa实现socket.io官网的例子

Nov 04 Javascript

微信小程序实现复选框效果

Dec 28 Javascript

JavaScript实现预览本地上传图片功能完整示例

Mar 08 Javascript

vue中img src 动态加载本地json的图片路径写法

Apr 25 Javascript

JQuery实现折叠式菜单的详细代码

Jun 03 jQuery

JavaScript实现音乐播放器

Aug 14 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输出Excel文件类

2010/02/08 PHP

PHP根据两点间的经纬度计算距离

2014/10/31 PHP

php简单获取目录列表的方法

2015/03/24 PHP

Laravel使用scout集成elasticsearch做全文搜索的实现方法

2018/11/30 PHP

取得父标签

2006/11/14 Javascript

javascript indexOf函数使用说明

2008/07/03 Javascript

获取网站跟路径的javascript代码(站点及虚拟目录)

2009/10/20 Javascript

JS面向对象编程 for Cookie

2010/09/19 Javascript

Javascript和HTML5利用canvas构建Web五子棋游戏实现算法

2013/07/17 Javascript

使用原生js实现页面蒙灰(mask)效果示例代码

2014/06/20 Javascript

JS控制表格实现一条光线流动分割行的方法

2015/03/09 Javascript

jQuery实现仿美橙互联两级导航菜单的方法

2015/03/09 Javascript

require.js+vue开发微信上传图片组件

2016/10/27 Javascript

javascript操作cookie

2017/01/17 Javascript

解决微信内置浏览器返回上一页强制刷新问题方法

2017/02/05 Javascript

vue.js全局API之nextTick全面解析

2017/07/07 Javascript

详解基于Vue+Koa的pm2配置

2017/10/24 Javascript

前端开发之便利店收银系统代码

2019/12/27 Javascript

简单了解常用的JavaScript 库

2020/07/16 Javascript

python基础教程之自定义函数介绍

2014/08/29 Python

Python基于Tkinter实现的记事本实例

2015/06/17 Python

Android应用开发中Action bar编写的入门教程

2016/02/26 Python

python 队列详解及实例代码

2016/10/18 Python

python实现两个经纬度点之间的距离和方位角的方法

2019/07/05 Python

python飞机大战pygame游戏框架搭建操作详解

2019/12/17 Python

python初步实现word2vec操作

2020/06/09 Python

加拿大折扣、优惠券和交易网站：WagJag

2018/02/07 全球购物

Origins悦木之源香港官网：雅诗兰黛集团高端植物护肤品牌

2018/03/21 全球购物

资生堂英国官网：Shiseido英国

2020/12/30 全球购物

社区党的群众路线教育实践活动总结材料

2014/10/31 职场文书

少先队辅导员事迹材料

2014/12/24 职场文书

碧霞祠导游词

2015/02/09 职场文书

写给导师的自荐信

2015/03/06 职场文书

英文产品推荐信

2015/03/27 职场文书

签订劳动合同通知书

2015/04/16 职场文书

Redis Stream类型的使用详解

2021/11/11 Redis