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

当鼠标滑过文本框自动选中输入框内容的JS代码分享

Nov 26 Javascript

一个JS函数搞定网页标题(title)闪动效果

May 13 Javascript

jQuery中通过ajax调用webservice传递数组参数的问题实例详解

May 20 Javascript

微信小程序 modal详解及实例代码

Nov 09 Javascript

ES6概念 Symbol toString()方法

Dec 25 Javascript

jquery中$.fn和图片滚动效果实现的必备知识总结

Apr 21 jQuery

浅谈angular2 组件的生命周期钩子

Aug 12 Javascript

ionic App问题总结系列之ionic点击系统返回键退出App

Aug 19 Javascript

js字符串类型String常用操作实例总结

Jul 05 Javascript

vue - vue.config.js中devServer配置方式

Oct 30 Javascript

Javascript实现简易天数计算器

May 18 Javascript

Vue3如何理解ref toRef和toRefs的区别

Feb 18 Vue.js

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设计模式 Facade(外观模式)

2011/06/26 PHP

php中文验证码实现示例分享

2014/01/12 PHP

ThinkPHP3.1基础知识快速入门

2014/06/19 PHP

PHP模拟post提交数据方法汇总

2016/02/16 PHP

YII Framework框架教程之安全方案详解

2016/03/14 PHP

Laravel5.1框架注册中间件的三种场景详解

2019/07/09 PHP

thinkphp诸多限制条件下如何getshell详解

2020/12/09 PHP

解读JavaScript中 For, While与递归的用法

2013/05/07 Javascript

利用JavaScript实现新闻滚动效果(实例代码)

2013/11/27 Javascript

JavaScript Math.ceil() 函数使用介绍

2013/12/11 Javascript

详谈JavaScript 匿名函数及闭包

2014/11/14 Javascript

Javascript实现字数统计

2015/07/03 Javascript

浏览器中url存储的JavaScript实现

2015/07/07 Javascript

JavaScript各类型的关系图解

2015/10/16 Javascript

Bootstrap零基础入门教程(三)

2016/07/18 Javascript

JS中使用DOM来控制HTML元素

2016/07/31 Javascript

深入浅析JSONAPI在PHP中的应用

2017/12/24 Javascript

使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部

2019/09/16 Javascript

js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期

2020/02/01 Javascript

vue 数据操作相关总结

2020/12/17 Vue.js

Python正则表达式介绍

2012/08/06 Python

在Python的web框架中配置app的教程

2015/04/30 Python

Python中如何将一个类方法变为多个方法

2019/12/30 Python

Python爬虫requests库多种用法实例

2020/05/28 Python

比利时网上药店： Drogisterij.net

2017/03/17 全球购物

京东奢侈品：全球奢侈品牌

2018/03/17 全球购物

乌克兰珠宝大卖场：Zlato.ua

2020/09/27 全球购物

人事专员的岗位职责

2014/03/01 职场文书

关于读书的演讲稿

2014/05/07 职场文书

传播学专业毕业生自荐书

2014/07/01 职场文书

学前教育专业求职信

2014/09/02 职场文书

2014年度个人总结范文

2015/03/09 职场文书

2015年控辍保学工作总结

2015/05/18 职场文书

初中开学典礼新闻稿

2015/07/17 职场文书

Python提取PDF指定内容并生成新文件

2021/06/09 Python

python库sklearn常用操作

2021/08/23 Python