Bootstrap教程：页头（Page Header）

文章目录[隐藏]

页面标题（Page Header） 是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把您的标题放置在带有 class .page-header 的 div 中.

页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。

实例：

```
 <div class="page-header">
```

  <h1>Example page header <small>Subtext for header</small></h1>

```
</div>  
```
```
 
```
```
<div class="page-header">
```

   <h1>页面标题实例 <small>子标题</small>   </h1>

```
</div>
```

<p>A day is a miniature of eternity.</p>

发布日期： 2016-07-25 作者： 511遇见

所属分类： BootStrap 标签： bootstrap教程

您可能感兴趣的文章:

▪ Bootstrap教程：面包屑导航（Breadcrumbs）路径导航

▪ Bootstrap教程按钮式下拉菜单

▪ 利用Bootstrap构建你的响应式WordPress主题( 七）

▪ Bootstrap教程巨幕（Jumbotron）

▪ Bootstrap教程缩略图

Bootstrap教程各种进度条实例

Bootstrap教程：徽章（Badges）

Bootstrap教程：面包屑导航（Breadcrumbs）路径导航

Bootstrap教程：标签

▪ Bootstrap教程：标签2016-06-14

▪ Bootstrap教程缩略图2016-05-27

▪ 利用Bootstrap构建你的响应式Wordpress主题（一）2016-04-13

▪ Bootstrap教程按钮组2016-01-14

▪ WordPress免费主题momo基于Bootstrap框架跨屏自适应2016-03-16

▪ Bootstrap教程巨幕（Jumbotron）2016-05-22

▪ Bootstrap教程：面包屑导航（Breadcrumbs）路径导航2016-07-01

▪ 利用Bootstrap构建你的响应式WordPress主题( 六）2016-04-25

▪ Bootstrap教程各种列表组实例2016-09-08

▪ Bootstrap教程分页2016-05-20

Bootstrap教程：徽章（Badges）

Bootstrap教程各种进度条实例

511遇见

不一样的遇见

Bootstrap教程：页头（Page Header）

您可能感兴趣的文章:

相关文章: