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的实现方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
May 11 Javascript
js获取微信版本号的方法
May 12 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
跟我学习javascript的基本类型和引用类型
Nov 16 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
前后端常见的几种鉴权方式(小结)
Aug 04 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
Vue实现PC端靠边悬浮球的代码
May 09 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 分页类 扩展代码
2009/06/11 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
jQuery textarea的长度进行验证
2009/05/06 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
初识Javascript小结
2015/07/16 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
python实现代码统计器
2019/09/19 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
美的官方商城:Midea
2016/09/14 全球购物
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
出纳岗位职责
2013/11/09 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
农民工工资承诺书范文
2014/03/31 职场文书
《大海那边》教学反思
2014/04/09 职场文书
检讨书格式
2015/01/23 职场文书
同学毕业留言寄语
2015/02/27 职场文书
大学感恩节活动总结
2015/05/05 职场文书
经费申请报告
2015/05/15 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python