Bootstrap 4 - 重写 Bootstrap 类是不好的做法吗？ [关闭]答案

【问题标题】：Bootstrap 4 - Is it bad practice to override a Bootstrap class? [closed]Bootstrap 4 - 重写 Bootstrap 类是不好的做法吗？ [关闭]
【发布时间】：2019-02-23 01:32:20
【问题描述】：

例如：form-controllooks like this

添加这个 scss 对我来说是不好的做法吗？

.form-control {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    width: 100%;
    padding: 7px 20px;
    margin: 0;
    border: 2px solid $mdc-grey-400;
    box-sizing: border-box;
    border-radius:2rem;
}
form-control:focus, textarea:focus {
    box-shadow: 0 0 10px $mdc-orange-300;
    border: 2px solid $mdc-orange-500;
}

【问题讨论】：

不要直接编辑 Bootstrap 文件，这会阻止您升级到较新的版本。您只需要在自己的 CSS 中覆盖它们。
@kukkuz 它采用全球风格。但是它不会直接修改 Bootstrap 4 文件

标签： css twitter-bootstrap sass bootstrap-4 conventions

【解决方案1】：

我认为这不是问题。 Bootstrap 并不是真的限制你使用他们的风格，而是给你一个起点。如果人们不覆盖他们的样式，许多 Bootstrap 网站最终会看起来完全一样。

话虽如此，您可以在变量中配置某些覆盖，例如 border、border-radius、margin 等。

编辑：忘了你提到 Bootstrap 4。我发布的是 3。

引导程序 4

您在自己的主题中覆盖变量。 https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults

您要覆盖的变量是： https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss#L447

引导程序 3

https://getbootstrap.com/docs/3.4/customize/#forms

【讨论】：

【解决方案2】：

如果您一遍又一遍地使用东西，或者如果其他人要编辑制作东西，这是一种不好的做法

您可以更好地添加另一个具有适当可理解名称和样式的类。

永远不要直接使用您自己的 css 文件编辑引导文件。

【讨论】：