CSS:如何更改Bootstrap少代码.没有源代码来自定义我的代码着色

Question

当前，我使用的主题基于MaxCDN Online的bootstrap.min.css，但我似乎找不到代码。我的内联码和使用的字体类型的着色。

我已经编写了一个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/kwotsin.github.io/blob/blob/master/master/_includes/head.htmhead.html

我做正确的方式吗？

Answer 1

您基本上有3个选项：

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

选项：2 将!important放置在您想覆盖custom.css

的CSS旁边

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

Answer 2

确保您的自定义CSS文件位于"引导程序"链接下，您要在Head部分中修改

Answer 3

您必须在本地安装bootstrap的源代码版本，并自己编译较少的文件 - 例如用grunt。

看一下引导文档。