【LookLook文档】通过less 定制自己的Bootstrap 样式

闲话

学习还是看文档最快,看文档要仔细点,不可走马观花。感谢 “Bootstrap中文网”

思路

1、早在2015开始接触,由于公司中使用的是easyui 固一直没完全使用Bootstrap,开始接触就被其栅格还有所做出的界面效果 所震撼 ,心想这次怎么都要使用她了

2、中文网也提供了一个 定制页面,但我们不使用它,专业点使用Less 源码修改

3、定有源码,想到lLess 生成 css 知道 Less 官网有工具,但压缩和打包怎么办,(戏言:自己项目的Css可以不但Bootstrap 可不行吧,这样光着身子就出来见人不好)

4、文件中有一个Gruntfile.js文件, Grunt 看起来好熟悉啊 ,中文网首页有它,起初以为是牛后来才知道是猪(最近你兄弟的身价涨了,不过部分兄弟的下场就惨些了被活埋或火烧)

5、还是先学习使用Grunt ,看了文档还是安nodeJs 

6、安好Grunt 看了 less 文件夹,好多的文件啊,看到了custom-other.less(可以自己添加样式)、custom-variables.less(可以修改这些变量)

7、也许风格,应该去改 theme.less 这个文件(后面再说吧)

安装Grunt

 1、安装 node js https://nodejs.org/en/

2、使用 nodejs 安装 cmd: “npm install -g grunt-cli”

3、进入bootstrap-3.3.7 源码文件夹目录 ,使用 grunt 命令 打包

4、使用没得问题,后面再来摸索

转载于:https://www.cnblogs.com/xiaoruilin/p/10015846.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值