H1 页面标题内容扩展 页头区域(子标题或说明文档)

W3CSchool > bootstrap3中文手册 > Bootstrap 工具类 > H1 页面标题内容扩展 页头区域(子标题或说明文档)

header页头

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

在实例中加入 .page-header 样式

<div class="page-header">
  <h1>Example page header <small>Subtext for header</small></h1>
</div>

 

Bootstrap 页面标题(Page Header)

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

  1. <div class="page-header"
  2.     <h1>页面标题实例 
  3.         <small>子标题</small> 
  4.     </h1> 
  5. </div> 
  6. <p>这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。</p> 

 

这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。

没有找到答案?搜索一下吧!

学习导航


Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)