【备忘】如何对定制的Bootstrap进行修改

现在用的主题是基于Bootstrap制作的,,预定义了许多样式及功能,,但是实际应用很少会全部需要,,或者会想要自己设置不同的样式,

好在我们可以下载Bootstrap的源码版自行修改编译(涉及到Less等知识),或者直接在线定制Bootstrap

Bootstrap官方站:

http://getbootstrap.com/customize/

Bootstrap中文站:

http://v3.bootcss.com/customize/

选择需要的文件以及对部分变量进行修改后点击编译并下载即可。

在下载到的压缩包里有一个config.json文件,,里边保存了我们这次定制的个性化选项,方便对定制进行细微调整后复用,,毕竟每次都重新选择是会吐血的。。只是。。。。我一直不知道怎么复用。。。

其实谷歌关键词 bootstrap config.json 第一条英文结果里就有解答的,“对于不擅长的东西的恐惧总是使我们远离真理”←这句话略装13的样子。。

转回正题,方法很简单,

1、打开 https://gist.github.com/ (最好注册个账号)

2、Name this file 写 config.json,Language 选JSON

3、复制config.json内容到文本区

4、两个Create分别是私密和公开,,自己选

5、得到一个类似 https://gist.github.com/wdssmq/ec3de10b3b1e76723587 的网址

6、访问 http://v3.bootcss.com/customize/?id=ec3de10b3b1e76723587 官方地址同理

7、好吧。刚发现最新版config.json文件里有一个 customizerUrl ,直接访问就是上次的选项。。(╯▽╰)


附几个Windows可用的Less工具:

http://wearekiss.com/simpless

http://winless.org/

http://crunchapp.net/

http://alphapixels.com/prepros/

原文链接:https://www.wdssmq.com/post/20140717995.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。