前端学习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>中