bootstrap框架应用

Bootstrap是什么

就是已经写好的一个html和css的样式组合

 

 

Bootstrap下载

官方地址：https://getbootstrap.com

 

本地引用

具体路径视情况而定

<link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.css">

　　

 

处理依赖:

　　由于Bootstrap的某些组件依赖于jQuery，所以需要下载对应版本的jQuery文件，来保证Bootstrap相关组件运行正常。

 

说白了Bootstrap就是已经写好了HTML    CSS   JS   直接拿来用就好

代码

<h1>一级标题36px</h1>
<h2>二级标题30px</h2>
<h3>三级标题24px</h3>
<h4>四级标题18px</h4>
<h5>五级标题14px</h5>
<h6>六级标题12px</h6>
<!--除了使用h标签，Bootstrap内置了相应的全局样式-->
<!--内联标签应用标题样式-->
<span class="h1">一级标题36px</span>
<span class="h2">二级标题30px</span>
<span class="h3">三级标题24px</span>
<span class="h4">四级标题18px</span>
<span class="h5">五级标题14px</span>
<span class="h6">六级标题12px</span>