bootstrap使用笔记

1 导包 在官方网站上下载安装包，在script标签上引入。需要引入三个包

<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script>

2 响应式布局。bootstrap 有一个栅格系统，就是将设备（pc或手机）的屏幕分成平均12 个格子，通过HTML的标签css设置这个标签在屏幕里占据多大的宽度。

使用栅格系统的步骤：

<!--1 定义容器-->

<div class="container">

<!--2 定义行-->

<div class="row">

<!--3 定义元素所占的格数-->

<div class="col-lg1">

</div>

...

</div>

</div>

col-lg1:定义元素的样式 col-设备号-所占格数