bootstrap教程（一）———bootstrap标题（一）

标签：bootstra html5

本文为H5EDU机构官方的HTML5培训教程 bootstrap教程(一)。
 我们首先要下载bootstrap的框架文件，放到我们的项目目录当中。
然后将bootstrap框架当中的bootstrap.css文件引入到项目当中。
之后我们可以看，在bootstrap当中的标题与我们没用使用框架的文件是有不同之处的。
最明显的是文字变细。

<link rel="stylesheet" href="boostrap.css">
<!--bootstrap中的标题-->
        <h1>bootstrap标题一</h1>
        <h2>bootstrap标题二</h2>
        <h3>bootstrap标题三</h3>
        <h4>bootstrap标题四</h4>
        <h5>bootstrap标题五</h5>
        <h6>bootstrap标题六</h6>

而且在bootstrap当中我们可以使用非标题元素来实现标题样式.

        <!--在bootstrap中使非标题元素使用标题样式-->
        <div class="h1">bootstrap标题一</div>
        <div class="h2">bootstrap标题二</div>
        <div class="h3">bootstrap标题三</div>
        <div class="h4">bootstrap标题四</div>
        <div class="h5">bootstrap标题五</div>
        <div class="h6">bootstrap标题六</div>

点击进入bootstrap强化教程

本文出自 “11721999” 博客，请务必保留此出处http://11731999.blog.51cto.com/11721999/1827480

bootstrap教程（一）———bootstrap标题（一）

标签：bootstra html5

原文地址：http://11731999.blog.51cto.com/11721999/1827480