Less及定制bootstrap--less

        网站刚刚上线,时间比较富裕,老大说可以考虑一下用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后,可以根据修改自己所需要的less样式,更改完成后再用编译器把它编译成css文件。编译器有很多可以自己百度一下,看自己需求,这里我用的是本地编辑器koala,下载地址,下载好就可以用了。



编译后的css文件,这就是我们最终要的文件了。引入项目开发即可。



      

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值