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

客户端限制只能上传jpg格式图片的js代码

Dec 09 Javascript

JS嵌套函数调用上下文的问题解决

Mar 26 Javascript

JavaScript中的Primitive对象封装介绍

Dec 31 Javascript

js实现两点之间画线的方法

May 12 Javascript

JS获取时间的相关函数及时间戳与时间日期之间的转换

Feb 04 Javascript

Webpack 实现 AngularJS 的延迟加载

Mar 02 Javascript

Bootstrap轮播图学习使用

Feb 10 Javascript

js中作用域的实例解析

Mar 16 Javascript

vue组件父与子通信详解（一）

Nov 07 Javascript

基于JavaScript中字符串的match与replace方法(详解)

Dec 04 Javascript

浅谈webpack和webpack-cli模块源码分析

Jan 19 Javascript

Vue Router 实现动态路由和常见问题及解决方法

Mar 06 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 self,$this,const,static,-&gt;的使用

2009/10/22 PHP

PHP开发中常用的字符串操作函数

2011/02/08 PHP

PHP中的Streams详细介绍

2014/11/12 PHP

Zend Framework教程之资源(Resources)用法实例详解

2016/03/14 PHP

PHP载入图像imagecreatefrom_gif_jpeg_png系列函数用法分析

2016/11/14 PHP

Windows 下安装 swoole 图文教程(php)

2017/06/05 PHP

XHTML-Strict 内允许出现的标签

2006/12/11 Javascript

(转载)JavaScript中匿名函数，函数直接量和闭包

2007/05/08 Javascript

js chrome浏览器判断代码

2010/03/28 Javascript

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数

2012/01/21 Javascript

iframe子页面获取父页面元素的方法

2013/11/05 Javascript

jquery获取选中的文本和值的方法

2014/07/08 Javascript

jQuery实现径向动画菜单效果

2015/07/17 Javascript

详解JavaScript ES6中的模板字符串

2015/07/28 Javascript

javascript中if和switch，==和===详解

2015/07/30 Javascript

jQuery实现动态添加和删除一个div

2015/08/12 Javascript

深入浅出ES6之let和const命令

2016/08/25 Javascript

谈谈对JavaScript原生拖放的深入理解

2016/09/20 Javascript

微信小程序module.exports模块化操作实例浅析

2018/12/20 Javascript

详解vue-cli3多环境打包配置

2019/03/28 Javascript

vue项目使用$router.go(-1)返回时刷新原来的界面操作

2020/07/26 Javascript

[44:21]Ti4 循环赛第四日附加赛NEWBEE vs LGD

2014/07/13 DOTA

[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场

2018/04/06 DOTA

Pytorch实现神经网络的分类方式

2020/01/08 Python

python中的itertools的使用详解

2020/01/13 Python

Python-jenkins 获取job构建信息方式

2020/05/12 Python

女娲补天教学反思

2014/02/05 职场文书

搞笑征婚广告词

2014/03/17 职场文书

实习护士自荐信

2014/06/21 职场文书

大学新生军训自我鉴定

2014/09/18 职场文书

2015年人力资源部工作总结

2015/04/30 职场文书

2015年重阳节活动主持词

2015/07/30 职场文书

干货：如何写好工作计划！

2019/05/17 职场文书

JavaScript ES6的函数拓展

2022/01/18 Javascript

详解MySQL的主键查询为什么这么快

2022/04/03 MySQL

vue组件vue-esign实现电子签名

2022/04/21 Vue.js