【LookLook文档】通过less 定制自己的Bootstrap 样式
2024-03-15 18:29:59
闲话
学习还是看文档最快，看文档要仔细点，不可走马观花。感谢 “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、使用没得问题，后面再来摸索
最新文章
- css-css权威指南学习笔记8
- 使用ionic framework创建一个简单的APP
- HTML5本地数据库(WebSQL)[转]
- php性能分析工具 - xhprof的安装使用
- 一篇很好介绍stringBuffer和StringBuilder的区别--来自百度
- Windows10中无法打开这个应用的解决方案
- How to: Run Tests from Microsoft Visual Studio
- 食物卡喉别拍背部！救了100多万人性命的“海姆立克急救法"
- UBUNTU 札记（53条经验）
- sqlserver数据库三范式的理解
- C语言结构体变量内存分配与地址对齐
- 前端面试题：JS中的let和var的区别
- js 字符串切割
- 数字对讲系统开发札记（前端linux c 后端 c#）
- mybatis逆向工程之动态web项目
- redis分布式工具类 ----RedisShardedPoolUtil
- Redis集群简记
- AtCoder Beginner Contest 110 D - Factorization
- 《SQL必知必会》笔记
- RF-字符串转为整数的方法