今天学习前端Bootstrap,其实很久以前就看过,但没怎么用。总觉得只是定义一个类用人家封装好的东西,自己再在它的基础之上进行样式的修改,没有什么需要去学的。
但等到前段时间要写页面了,既然是自适应,自己当然想先拿bootstrap来写,省时省力,却发现很多地方有点不知如何下手。索性重新好好地看一遍,写的详细些,原谅我小白,也是写给小白同志们的。
从加载开始。。以前看sublime快捷键那么多,真的自己使用的也就那几个。今天看视频才解锁了多个本来就应该掌握的东西。
1.在Bootstrap官网下载Bootstrap。 里面有压缩和未压缩的js css fonts。
2.在sublime中将网页保存在上述同一文件夹中。Ctrl+s保存成.html格式, ‘!+ tab ’打开html基本元素。
3.加载已下载的js:‘script:src + tab’打开js引入的基本格式,绝对路径把刚刚下载的css文件写入。
4.在引入的js之前,从Bootstrap官网将jQuery保存进js文件夹中,在引入的js之前将其引入。
在看视频的时候发现很奇怪