【问题标题】:Unwanted Navbar transparency in Bootstrap 4Bootstrap 4中不需要的导航栏透明度
【发布时间】:2019-02-18 12:25:10
【问题描述】:

我在 React.js 项目中使用 Bootstrap 4。 我有两个元素 - 从 Bootstrap4 实现的导航栏和警报。 由于我设置了 position:fixed 在两者(覆盖的 css)中,它们都变成了半透明的。我从来没有为它们使用透明度,也没有为它们使用 rgba 颜色代码。它本身就发生了......我为什么以及在哪里寻找?

【问题讨论】:

  • 尝试在codepen中重现问题,否则无法猜测。

标签: css sass bootstrap-4


【解决方案1】:

我自己找到了答案。把它贴在这里,希望对其他一些新手有帮助:) 所以:

  1. 当您使用 Bootstrap4 时,请仔细阅读文档;)
  2. 当您希望固定顶部/底部导航栏不透明而不是通过添加位置覆盖您的 csses 中的 .navbar 类时:固定应用现成的 Bootstrap 类固定顶部/固定底部/粘性顶部将它们应用到您的html/jsx 引导元素
  3. 文档:https://getbootstrap.com/docs/4.0/components/navbar/#placement

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多