Bootstrap Study

bootstrap 学习 1

优点：
    移动优先且开源兼容现多数主流浏览器的响应式框架，易学习易上手
官网：bootstrap官网
两个版本：1.Download bootstrap(压缩版本)
    2.Download Source（源代码）
    Download bootstrap版本适合我们直接拿来做项目开发来的；

取用方式：

 CDN引用(三部分)：

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
//注意：要先引用bootstrap.min.js依赖于jquery.min.js的文件！！其位置不要搞反
<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>

另一个引用自己按量选择：

<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></scipt>

 下载bootstrap文件：下载地址

解压后到dist文件夹下去引用相应的js，css文件表即可:
    在head标签中要什么就引用什么：link 对应 css ； script 对应 js
   示例：

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
#顺序不能弄反！！！
<script src="js/bootstrap.min.js"></script>