由于初学,总是犯错,纠结了半天,搜过若干帖子,蓦然回首,才知道错误是如此的。。。难以启齿。所以准备开个随笔,记录自己犯下的一些错误。
1.bootstrap初学,搬代码的时候发现无效果。
错误原因:bootstrap的css文件版本引入错误,引入的是v2.3.2版本,实际上参考的教程是v3版本
总结:在引入bootstrap的时候要注意版本,但根本上要解决的是检查bootstrap里面这个样式设置的代码。在sublime中快捷键是Ctrl+F搜索关键词
2.引用图片等资源的时候,无资源
错误原因: 资源路径是资源相对于你当前所在的位置的对应关系。./images/pic_2.png和../images/pic_2.png的区别
3.bootstrap的Glyphicons字体库的引用
要把下载的fonts文件夹复制到自己的工程目录下,并引用类名如:<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
4.bootstrap下拉框无下拉效果
错误原因1:未引入bootstrap.min.js文件
错误原因2:引入bootstrap.min.js文件时,方式错误,想当然的把bootstrap.min.js文件放入<link>标签里。应该放在<script>里面
错误原因3:未引入jquery.min.js文件
错误原因4:bootstrap.min.js文件和jquery.min.js的先后顺序写错了。应该先写jquery.min.js文件。
图1:无下拉效果 图2:正确的引用方式和文件及顺序 图3:正确的效果
5.用记事本编写HTML文件,明明写了utf8编码,但在网页中还是出现乱码。
错误原因:记事本本身编码是gb2312,要在存储的时候改为utf-8编码。如图: