Bootstrap教程:页头(Page Header)

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

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

实例:

  1.  <div class="page-header">
  2.   <h1>Example page header <small>Subtext for header</small></h1>
  3. </div>  
  4.  
  5. <div class="page-header">
  6.    <h1>页面标题实例 <small>子标题</small>   </h1>
  7. </div>
  8. <p>A day is a miniature of eternity.</p>

分享到:

用微信扫一扫,分享给朋友


发布日期:

所属分类: Bootstrap 标签: