CSS：如何更改引导 LESS code.less 源代码以自定义我的代码颜色？答案

【问题标题】：CSS: How do I change bootstrap LESS code.less source code to customize my code coloring?CSS：如何更改引导 LESS code.less 源代码以自定义我的代码颜色？
【发布时间】：2017-02-18 09:31:32
【问题描述】：

目前，我使用的主题基于在线 maxcdn 的 bootstrap.min.css，但我似乎无法在任何地方找到 code.less 源代码进行编辑，以便我可以更改内联代码的颜色和使用的字体类型。

我已经编写了一个 custom.css 文件来使用以下选项覆盖原始引导 css：

pre {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

// Inline code
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #000000;
  background-color: #eff0f1;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

// Enable scrollable blocks of code
.pre-scrollable {
  overflow-x: scroll;
}

但一切都没有改变。有没有办法让我真正实现我想要的改变？我的网站目前基于 Jekyll。

这是我将 custom.css 放在原始引导 css 上的源代码：https://github.com/kwotsin/kwotsin.github.io/blob/master/_includes/head.html

我做对了吗？

【问题讨论】：

标签： html css twitter-bootstrap jekyll

【解决方案1】：

你基本上有 3 个选项：

选项：1 下载引导源代码less.css。修改文件并使用它。

Option:2 将!important 放在您要在custom.css 中覆盖的css 旁边

选项：3 转到开发人员工具，确定您想要覆盖的less.css 部分，并将您自己的 id 与这些元素一起使用。然后在您自己的 css 文件中设置它们的样式。

【讨论】：

【解决方案2】：

确保您的自定义 CSS 文件位于您尝试在 Head 部分修改的引导链接下

【讨论】：

【解决方案3】：

您必须在本地安装 bootstrap 的源代码版本并自己编译 less-files - 例如使用 grunt。

看看Bootstrap documentation。

【讨论】：