修改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文件并将其包含在 AFTER 引导程序的CSS中。

然后，您可以使用自己的方式轻松覆盖默认设置的样式，而不需要在您使用框架时绝对不建议使用任何!important内容。

Answer 2

修改任何库文件不是一个好习惯。因此，您最好复制相同的样式并放入本地样式文件。您可以对!important使用样式，以确保覆盖bootstrap.css

中的样式

.btn {
  font-size: 24px !important;
}