您的位置:首页 > Web前端 > BootStrap

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

2016-07-18 17:22 281 查看
本文为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强化教程
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html bootstrap html5