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

 更新时间:2017年03月22日 08:50:10   作者:boonyaxnn  
这篇文章主要为大家详细介绍了Bootstrap页面标题Page Header的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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> 中,效果图:

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

相关文章

  • javascript日期格式化方法汇总

    javascript日期格式化方法汇总

    本文给大家汇总介绍了javascript格式化日期时间的几种常用方法,个人对最后一种个性化输出时间比较有兴趣,基本上只要项目中能用到都是使用这种,推荐给小伙伴们。
    2015-10-10
  • 基于bootstrap的选择框插件icheck

    基于bootstrap的选择框插件icheck

    这篇文章主要为大家详细介绍了基于bootstrap的选择框插件icheck,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • javascript基础知识讲解

    javascript基础知识讲解

    本篇适合javascript新手或者学了前端一段时间,对js概念不清晰的同学。本文将讲述几点对于初学者遇到的javascript的坑,相信对javascript基础薄弱的同学,可以加深对javascript的理解
    2017-01-01
  • javascript实现回车键提交表单方法总结

    javascript实现回车键提交表单方法总结

    这篇文章主要介绍了javascript实现回车键提交表单方法,实例总结了纯javascript与jQuery的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • javascript数组的一些常用方法详细汇总

    javascript数组的一些常用方法详细汇总

    在JavaScript开发中,数组的操作至关重要,本文详细介绍了数组的常用方法,包括添加、删除、查找、迭代、遍历、排序和变换等功能,掌握这些方法,可以有效地处理和操作数组数据,提高开发效率和代码的可维护性,需要的朋友可以参考下
    2024-09-09
  • 详解datagrid使用方法(重要)

    详解datagrid使用方法(重要)

    这篇文章主要介绍了datagrid使用方法(重要),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • 用Javascript轻松制作一套简单的抽奖系统

    用Javascript轻松制作一套简单的抽奖系统

    用Javascript轻松制作一套简单的抽奖系统...
    2006-12-12
  • js实现1,2,3,5数字按照概率生成

    js实现1,2,3,5数字按照概率生成

    这篇文章主要介绍了js实现1,2,3,5数字按照概率生成,需要的朋友可以参考下
    2017-09-09
  • js在输入框屏蔽按键,只能键入数字的示例代码

    js在输入框屏蔽按键,只能键入数字的示例代码

    本篇文章主要介绍了js在输入框屏蔽按键,只能键入数字的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • js中关于require与import的区别及说明

    js中关于require与import的区别及说明

    这篇文章主要介绍了js中关于require与import的区别及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10

最新评论