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

吐槽/反馈/建议:→ 我的咸鱼心 ← → 爱发电-@wdssmq

2023-01-02:对旧文章进行了排版编辑……

现在用的主题是基于 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 ,直接访问就是上次的选项。。(╯▽╰)


爱发电

本文标题:《【备忘】如何对定制的 Bootstrap 进行修改》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20140717995.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

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

召唤伊斯特瓦尔