本文为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>
时间: 2024-11-05 12:27:29