Bootstrap学习日记之页面标题

  在我们编写博客或者其他文本时，都希望标题能都很好的与正文或者是其他标题区别开，不仅是为美观，也为了更好的管理。那么此时，页面标题就显得尤其重要，它会在网页标题四周添加适当的边距，以便和正文以及其他标题区分开

创建基本页面标题

• 在<div>中添加class="page-header"
• 在上面的<div>中放入标题

<div class="page-header">
     <h1>这是正标题
         <small>这是子标题</small>
     </h1>
 </div>
<p>这是正文</p>

运行结果

从结果处可以看出，在<div class="page-header">中的标题很明显的和正文区分开了，有一条淡灰色的横线

注：本篇文章为博主在菜鸟教程学习的日记，菜鸟教程：http://www.runoob.com/