css - 修改 bootstrap.css

Question

我想编辑一个使用 bootstarp.css 的 HTML 页面。包含

的行

        <input type="submit" class="btn btn-primary btn-block btn-md" value="Create">

指的是

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 24px;
  line-height: 20px;
  ..
}

在 bootstrap.css 中。但是，当我更改 font-size 时，刷新后浏览器中没有任何变化。那到底是什么问题呢？

Answer 1

您不应该修改或以任何方式更改 Bootstrap 的默认 CSS 文件，因为您很容易把事情搞砸，而且如果您制作您自己的 CSS 文件并使用它来覆盖这些默认值。

这基本上意味着您创建一个 myown.css 文件并将其包含在 之后 Bootstrap 的 CSS。

然后，您可以轻松地用您自己的样式覆盖默认设置的样式，而无需任何 !important 东西，这在您使用框架时是绝对不推荐的。