bootstrap教程(一)———bootstrap标题(一)

本文为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强化教程:http://h5edu.cn/htm/step/h5edu_748.html

posted @ 2016-07-18 15:19  zhanyingwang  阅读(434)  评论(0编辑  收藏  举报