网站刚刚上线,时间比较富裕,老大说可以考虑一下用bootstrap定制一套符合供公司网站的框架,看了两天,有些收获,在这唠叨一下。
在客服端,直接在页面导入less.js,在导入less文件;发布时直接把js和less文件放到服务器,这样不需要要配置服务器,但是会影响额客户端网页渲染速度,因为在网页进行渲染之前还需要less.js把lessName.less编译成css文件。若网速较慢或出现问题,less.js加载受到影响,网页渲染也会受影响。
在服务器,需要通过node.js的npm来搭建less环境,让其在node环境下进行编译。
本地编译,写好less后通过编译器进行编译后在引入编译成的css到项目开发中,如高效定制bootstrap就是这样:
首先,到bootstrap官网下在源码
解压源码包,目录结构如下:
现在需要些less,之前没深入研究过less的可以到官网学习。
学习完less后,可以根据修改自己所需要的less样式,更改完成后再用编译器把它编译成css文件。编译器有很多可以自己百度一下,看自己需求,这里我用的是本地编辑器koala,下载地址,下载好就可以用了。
编译后的css文件,这就是我们最终要的文件了。引入项目开发即可。