1. BootStrap下载和配置

一、官网

学习一门技术最先要看的就是官网，BootStrap官网：https://www.bootcss.com/

二、适用场景

这个前端框架适用于大气，不追求过度精准的前端界面。bootstrap也有局限性，对于要求精确的前端界面，使用bootstrap反而会更麻烦，因为bootstrap以栅格为核心，其中已经定义好了许多固定格式的组件。

三、下载

本人选择的是bootstrap3版本

四、依赖

创建一个bootstrap项目必须项是 jquery.js、bootstrap.css、bootstrap.js

五、切换包路径

当我们下载好bootstrap框架，可以直接使用绝对路径，避免使用url信息，减少对网络的依赖。

		<!--
        	作者：1514228801@qq.com
        	时间：2019-07-11
        	描述：bootstrap核心
        -->
		<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.css">
		<script src="bootstrap-3.3.5-dist/js/bootstrap.js"></script>
		<script src="bootstrap-3.3.5-dist/jquery/jquery-1.11.0.min.js"></script>

六、栅格

栅格系统，Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。默认一行分为12列

七、上传的功能实例

https://download.csdn.net/download/yang134679/11349566