html - CSS:如何更改 bootstrap LESS code.less 源代码以自定义我的代码着色？

Question

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

我已经编写了一个 custom.css 文件来覆盖带有以下选项的原始 Bootstrap 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 放在原始 Bootstrap css 上的源代码:https://github.com/kwotsin/kwotsin.github.io/blob/master/_includes/head.html

我的做法是否正确？

Answer 1

你基本上有 3 个选择:

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

选项:2 将 !important 放在您要在 custom.css

中覆盖的 css 旁边

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