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教程导航

▪ Bootstrap教程：徽章（Badges）

▪ Bootstrap教程分页

▪ Bootstrap教程缩略图

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

▪ Bootstrap教程输入框组

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

▪ Bootstrap教程警告框

▪ Bootstrap教程按钮式下拉菜单

▪ Bootstrap教程巨幕（Jumbotron）

Bootstrap教程各种进度条实例

Bootstrap教程：徽章（Badges）

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

Bootstrap教程：标签

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

▪ Cordillera采用Html5和Bootstrap框架的免费wordpress主题2016-03-27

▪ Bootstrap教程插件模态框 modal.js2016-11-09

▪ Bootstrap教程面板（Panels）2016-09-19

▪ Bootstrap教程导航2016-05-19

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

▪ 解决Bootstrap下拉菜单不可点击2016-03-31

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

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

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

Bootstrap教程：徽章（Badges）

Bootstrap教程各种进度条实例

511遇见

不一样的遇见

Bootstrap教程：页头（Page Header）

您可能感兴趣的文章:

相关文章: