如何使用 CSS 在 Bootstrap 中更改某些样式答案

【问题标题】：How to change some style in Bootstrap Using CSS如何使用 CSS 在 Bootstrap 中更改某些样式
【发布时间】：2020-04-27 21:41:06
【问题描述】：

我想知道，如果我使用 Bootstrap 制作导航栏并且需要更改默认或预定义属性的某些样式，那么我该如何更改呢？

【问题讨论】：

使用 CSS？ :) 我真的不明白你的问题。请更清楚。
如果你想覆盖引导样式，那么你的 css 文件在你的主文件中的顺序很重要。除了向要更改样式的 html 添加其他类名之外，了解 css 特异性也可能会有所帮助。另见smashingmagazine.com/2007/07/…
向要应用外部 css 的元素添加一个额外的类。就像在
或在
然后在样式表文件中为您的自定义类或 id 编写 css 样式。不要忘记在带有导航栏的 html 中包含新的 css 文件。

【解决方案1】：

第一步可能会使用navbar-default 或navbar-inverse 类来覆盖规则，然后使用您自己的自定义类，即navbar-style。最后，转到您的 css 样式文件，然后为自定义 .navbar-style{} 自定义属性。万事如意

【讨论】：

【解决方案2】：

您可以直接在引导 CSS 文件中更改属性（这并不总是最好的方法）或添加一个新的 CSS 文件，您可以在其中覆盖所需的类

【讨论】：

【解决方案3】：

有多种方法可以做到这一点。

1- 为元素分配自定义类并应用样式。例如：

    <navbar class="navbar-default navbar-trans">...</navbar>
    <style>
.navbar-trans {background:transparent}
</style>

2- 覆盖自定义文件中的 CSS。示例：

.navbar-default{background:transparent}

注意：在引导 CSS 文件之后添加您的 css 文件

3- 直接在引导 CSS 文件中更改样式（不推荐）

【讨论】：