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

基于jquery的获取浏览器窗口大小的代码

Mar 28 Javascript

Jquery中使用setInterval和setTimeout的方法

Apr 08 Javascript

JQUERY 获取IFrame中对象及获取其父窗口中对象示例

Aug 19 Javascript

JQuery实现鼠标滑过显示导航下拉列表

Sep 12 Javascript

JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题

Dec 07 Javascript

基于Bootstrap使用jQuery实现输入框组input-group的添加与删除

May 03 Javascript

js 将图片连接转换成base64格式的简单实例

Aug 10 Javascript

微信开发消息推送实现代码

Oct 21 Javascript

AngularJS获取json数据的方法详解

May 27 Javascript

详解Angular 开发环境搭建

Jun 22 Javascript

从零开始搭建webpack+react开发环境的详细步骤

May 18 Javascript

高效jQuery选择器的5个技巧实例分析

Nov 26 jQuery

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中for与foreach的区别分析

2011/03/09 PHP

Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源

2014/06/22 PHP

PHP模拟QQ登录的方法

2015/07/29 PHP

Thinkphp集成抖音SDK的实现方法

2020/04/28 PHP

javascript xml为数据源的下拉框控件

2009/07/07 Javascript

DIY jquery plugin - tabs标签切换实现代码

2010/12/11 Javascript

JavaScript入门之基本函数详解

2011/10/21 Javascript

简单的JS轮播图代码

2016/07/18 Javascript

常用jQuery选择器汇总

2017/02/02 Javascript

vue2 如何实现div contenteditable=“true”(类似于v-model)的效果

2017/02/08 Javascript

Bootstrap页面标题Page Header的实现方法

2017/03/22 Javascript

详解处理bootstrap4不支持远程静态框问题

2018/07/20 Javascript

微信小程序scroll-view实现滚动穿透和阻止滚动的方法

2018/08/20 Javascript

EasyUI 数据表格datagrid列自适应内容宽度的实现

2019/07/18 Javascript

vue插件--仿微信小程序showModel实现模态提示窗功能

2020/08/19 Javascript

vue使用lodop打印控件实现浏览器兼容打印的方法

2021/02/07 Vue.js

使用Python的PEAK来适配协议的教程

2015/04/14 Python

Python 实现简单的电话本功能

2015/08/09 Python

Python单元测试unittest的具体使用示例

2018/12/17 Python

使用python爬取微博数据打造一颗“心”

2019/06/28 Python

Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的

2020/04/20 Python

CSS3 实现弹幕的示例代码

2017/08/07 HTML / CSS

Html5适配iphoneX刘海屏的简单实现

2019/04/09 HTML / CSS

用Python写一个for循环的例子

2016/07/19 面试题

销售业务实习自我鉴定

2013/09/23 职场文书

揭牌仪式策划方案

2014/05/28 职场文书

消防标语大全

2014/06/07 职场文书

节水口号标语

2014/06/19 职场文书

招商引资工作汇报材料

2014/10/28 职场文书

2015新年联欢晚会开场白

2014/12/14 职场文书

公司员工体检通知

2015/04/21 职场文书

运动会通讯稿100字

2015/07/20 职场文书

golang中实现给gif、png、jpeg图片添加文字水印

2021/04/26 Golang

Springboot配置suffix指定mvc视图的后缀方法

2021/07/03 Java/Android

opencv深入浅出了解机器学习和深度学习

2022/03/17 Python

Redis如何使用乐观锁(CAS)保证数据一致性

2022/03/25 Redis