Bootstrap 4中不需要的Navbar透明度

时间:2018-09-13 17:53:24

标签: css sass bootstrap-4

我正在React.js项目中使用Bootstrap 4。 我有两个元素-导航栏和从Bootstrap4实现的警报。 由于我已经设置了position:fixed在这两个(覆盖的CSS)中,所以它们两个都变成半透明的。我从来没有为它们使用透明性,也没有为它们使用rgba颜色代码。它只是自己发生的...为什么我应该在哪里寻找?

1 个答案:

答案 0 :(得分:0)

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

  1. 使用Bootstrap4时,请仔细阅读文档;)
  2. 当您要固定顶部/底部导航栏而没有透明性,而不是通过添加位置来覆盖CSS中的.navbar类时:固定应用现成的Bootstrap类fixed-top / fixed-bottom / sticky-top将它们应用于您的html / jsx Bootstrap元素
  3. 文档:https://getbootstrap.com/docs/4.0/components/navbar/#placement