【问题标题】:How do I override the predefined classes in the bootstrap? [duplicate]如何覆盖引导程序中的预定义类? [复制]
【发布时间】:2018-07-26 12:10:10
【问题描述】:

如何覆盖预定义的引导类? 在这些引导类上应用我们自己的 CSS 有哪些不同的方法?

【问题讨论】:

  • 它们只是 css 类,覆盖它们的方式与覆盖任何其他 css 类的方式相同
  • 只需在您自己的 CSS 上使用 !important。见stackoverflow.com/questions/7369216/…
  • 嗨,这只是 CSS,所以你必须考虑到具体性:developer.mozilla.org/en-US/docs/Web/CSS/Specificity
  • Do not 遵循 osdavison 的评论,这不是这样做的方法。
  • 1.创建您自己的样式表。 2. 使用您要覆盖的类或 id 的相同名称。您可以通过检查来获取 id 或类的名称(右键单击要覆盖的元素并从出现的选项中选择检查)。 3. 使用 !important" 声明,因为它优先于普通声明。例如 p { color: red !important; } 4. 在页面中的引导样式表之后加载自定义样式表,因为浏览器从上到下读取 css 和属性在 last 中找到的任何元素都将覆盖上述属性。

标签: html


【解决方案1】:

在加载引导程序后将第二个 css 文件加载到您的页面中,其中包含与您要覆盖的任何类、ID 或选择器同名的规则。

【讨论】:

    【解决方案2】:

    检查它,找到正确的类,覆盖它或在元素上设置一个 id。

    【讨论】:

      猜你喜欢
      • 2018-12-14
      • 2018-04-24
      • 1970-01-01
      • 1970-01-01
      • 2018-03-12
      • 2013-12-28
      • 1970-01-01
      • 1970-01-01
      • 2017-09-24
      相关资源
      最近更新 更多