Question

目前，我使用的主题基于maxcdn online的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 下载引导源代码less.css。修改文件并使用它。

选项：2 将!important放在要在custom.css
中覆盖的CSS旁边
选项：3 转到开发人员工具，确定要覆盖的less.css部分，并使用您自己的id与这些元素。之后，将它们放在您自己的css文件中。

Answer 2

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

查看Bootstrap documentation。

Answer 3

确保您的自定义CSS文件位于您尝试在Head部分

中修改的引导程序链接下

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

3 个答案: