Нежелательная прозрачность Navbar в Bootstrap 4

Question

Я использую Bootstrap 4 в проекте React.js.У меня есть два элемента - navbar и alert, реализованные в Bootstrap4.Так как я установил положение: зафиксировано в обоих (переопределенных CSS), они оба становятся полупрозрачными.Я никогда не использовал прозрачность ни для одного из них и не использовал цветовые коды rgba для них.Это случилось само собой ... почему и где я должен искать?

Answer 1

Я нашел ответ сам. Отправьте это здесь в надежде быть полезным для некоторого другого новичка :) Итак:

1. Когда вы используете Bootstrap4, внимательно прочитайте документацию;)
2. Если вы хотите использовать фиксированную верхнюю / нижнюю панель навигации БЕЗ прозрачности вместо переопределения класса .navbar в csses, добавив позицию: исправлено - применить готовый класс Bootstrap fixed-top / fixed-bottom / sticky-top, применяя их к вашему Элемент начальной загрузки html / jsx
3. Документы: https://getbootstrap.com/docs/4.0/components/navbar/#placement