• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> bootstrap教程 >> bootstrap页面标题或页头page-header组件

bootstrap页面标题或页头page-header组件

• 作者：创新互联 文章来源：网页前端技术 点击数： 更新时间：2016-03-24

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

  <div class="page-header">
     <h1>页面标题-创新互联
        <small>子标题-bootstrap页面标题</small>
     </h1>
  </div>
  <p>这显示的是说明文本：创新互联专业成都网页设计、网站制作、域名主机服务，网站建设、成都网站制作建设、联系电话:028-86922220</p>
  

  很简单好，记示一个类page-header 。有主标题h1还有副标题small和详情内容p 可以用于文章列表和详情。

• bootstrap缩略图thumbnail元素 :上一篇
  bootstrap巨幕组件jumbotron超大屏幕 :下一篇