编程 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中引用示例介绍

Feb 21 Javascript

JS实现在页面随时自定义背景颜色的方法

Feb 27 Javascript

JavaScript获得url查询参数的方法

Jul 02 Javascript

深入理解bootstrap框架之入门准备

Oct 09 Javascript

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

Oct 27 Javascript

利用JS实现文字的聚合动画效果

Jan 22 Javascript

iscroll.js滚动加载实例详解

Jul 18 Javascript

Angular事件之不同组件间传递数据的方法

Nov 15 Javascript

基于vue和websocket的多人在线聊天室

Feb 01 Javascript

jQuery实现鼠标拖拽登录框移动效果

Sep 13 jQuery

微信小程序实现首页弹出广告

Dec 03 Javascript

React如何创建组件

Jun 27 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

德生S2000南麂列岛台湾FM收听记录

2021/03/02 无线电

PHP下获取上个月、下个月、本月的日期(strtotime,date)

2014/02/02 PHP

ExtJS 设置级联菜单的默认值

2010/06/13 Javascript

JavaScript获取和设置CheckBox状态的简单方法

2013/07/05 Javascript

页面加载完成后再执行JS的jquery写法以及区别说明

2014/02/22 Javascript

js的Boolean对象初始值示例

2014/03/04 Javascript

jquery进行数组遍历如何跳出当前的each循环

2014/06/05 Javascript

javascript中var的重要性分析

2015/02/11 Javascript

jquery实现滑屏大图定时收缩为小banner图片的广告代码

2015/09/02 Javascript

基于Jquery+div+css实现弹出登录窗口(代码超简单)

2015/10/27 Javascript

详解JavaScript中localStorage使用要点

2016/01/13 Javascript

connection reset by peer问题总结及解决方案

2016/10/21 Javascript

前端编码规范（3）JavaScript 开发规范

2017/01/21 Javascript

Bootstrap table简单使用总结

2017/02/15 Javascript

javascript回调函数的概念理解与用法分析

2017/05/27 Javascript

浅谈用Webpack路径压缩图片上传尺寸获取的问题

2018/02/22 Javascript

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

2018/10/23 Javascript

Vue学习之常用指令实例详解

2020/01/06 Javascript

js实现动态时钟

2020/03/12 Javascript

在vue中使用防抖函数组件操作

2020/07/26 Javascript

python-itchat 统计微信群、好友数量,及原始消息数据的实例

2019/02/21 Python

python使用tkinter库实现五子棋游戏

2019/06/18 Python

详解Python self 参数

2019/08/30 Python

Python中实现输入超时及如何通过变量获取变量名

2020/01/18 Python

CSS3控制HTML元素动画效果

2014/02/08 HTML / CSS

意大利制造的男鞋和女鞋：SCAROSSO

2018/03/07 全球购物

护理专业毕业生自荐信范文

2014/01/05 职场文书

二年级数学教学反思

2014/01/21 职场文书

安康杯竞赛活动总结

2014/05/05 职场文书

药剂专业求职信

2014/06/20 职场文书

雷锋之歌观后感

2015/06/10 职场文书

2015年信息技术教研组工作总结

2015/07/22 职场文书

教师病假条范文

2015/08/17 职场文书

nginx限制并发连接请求数的方法

2021/04/01 Servers

Pytorch中Softmax与LogSigmoid的对比分析

2021/06/05 Python

SpringAop日志找不到方法的处理

2021/06/21 Java/Android