网站地图    收藏   

主页 > 前端 > Bootstrap3.0入门 >

Bootstrap3.0学习第四轮:排版

来源:未知    时间:2015-04-13 14:08 作者:xxadmin 阅读:

[导读] 本文主要讨论的是排版,这个大部分在HTML的基本标签中也是存在的,所以相对比较简单,为了保证系列的完整性,也顺带复习下,还是记录一下。 主要内容如下: 标题 Html中的所有标...

本文主要讨论的是排版,这个大部分在HTML的基本标签中也是存在的,所以相对比较简单,为了保证系列的完整性,也顺带复习下,还是记录一下。

主要内容如下:

标题

Html中的所有标题标签,从<h1>到<h6>均可使用。另外还提供了.h1到.h6的class,为的是给inline属性的文本赋予标题的样式。

复制代码 <div class="container">

<h1 class="page-header">标题</h1>

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

</div> 复制代码

直接看效果吧

在标题内还可以包含<small>标签或.small元素,可以用来标记副标题。

复制代码 <div class="container">

<h1 class="page-header">标题</h1>

<h1>h1. Bootstrap heading</h1>

<small>Secondary text</small>

<h2>h2. Bootstrap heading</h2>

<small>Secondary text</small>

<h3>h3. Bootstrap heading</h3>

<small>Secondary text</small>

<h4>h4. Bootstrap heading</h4>

<small>Secondary text</small>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论