前端学习1—Bootstrap上传文件和列表的控件使用

Bootstrap是一个框架，相当于开发人员不需要重复发明轮子。操作步骤：

1. 搜索“bootstrap 文件上传”，得到文件上传控件名称为fileinput

2. 搜索“bootstrap fileinput”，得到文件上传控件的源代码网址：https://github.com/kartik-v/bootstrap-fileinput

3. 下载压缩包并解压到本地，在examples文件夹中用浏览器打开 index.html 文件，同时 F12 调出开发者模式，查看页面显示与程序的对应性

4. 在页面中选择一个合适的上传样式，删除其他上传样式的代码

5. 如果需要用到其他元素，在菜鸟教程的Bootstrap专题中查看并调试。

目前遇到的问题有：

1）调用的Bootstrap版本号太新，导致样式显示不对，根据菜鸟教程中的实例程序做相应修改即可。

2）所有元素都需要以">"结束，否则会影响下一行程序。我这里遇到的问题是导致h1样式显示大小不对。

3）元素的id不能重复，否则会冲突，name应该可以。

4）网格系统的学习。

     ——将两个div元素分两行显示：两个div元素分开写

     ——将两个div元素分两列显示：两个div元素写进一个<div class="row">     </div>中