Bootstrap3实用教程
2.3.1 标题
阅读(

Bootstrap基础

Bootstrap全局样式

概述

栅格系统

排版

标题

HTML中定义的所有标题标签,从 <h1> 到 <h6>,在Bootstrap中都是可用的。并且,为了在所有浏览器下都得到一致的效果,Bootstrap还为它们提供了预定义的样式。如:

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

运行结果如图 2‑10所示:

标题
图2-10 标题

同时,Bootstrap还提供了 .h1 到 .h6 类,如果你希望标题拥有 <h1> 到 <h6> 的样式但又要在行内显示,就可以使用这些类。

在 <h1> 到 <h6> 标题的内部,还可以使用 <small> 标签或 .small 类来创建副标题。与标题相比,副标题的文本稍细、字体稍小、颜色稍浅。如:

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>

运行结果如图 2‑11所示:

副标题
图2-11 副标题

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验