Как добавить цвет фона для активного элемента начальной загрузки 4 панели навигации

Question

Я пытаюсь добавить цвет фона для активного элемента начальной загрузки 4 navbar здесь .Применяется частично.Как применить к полной высоте?Я использовал CSS, как,

.active {
   background:rgba(165, 168, 168, 0.329);
}

Answer 1

Пробел на самом деле является заполнением элемента nav .Одним из решений будет устранение верхнего и нижнего отступов.Вы можете сделать это, используя интервал Boostrap , добавив классы px-3 py-0 к элементу nav .

<nav class="navbar navbar-expand-lg navbar-dark bg-danger fixed-top px-3 py-0"></nav>

Вы можете установить px от 1 до 5.

Также, если вам нужна такая же высота для навигации, вы можете добавить несколько дополнительных пикселей для высоты:

nav {
   height: 50px;
}

nav li a {
   height: 50px;
   line-height: 35px;
}

Также высота a следует увеличить, чтобы соответствовать высоте nav .Свойство line-height должно быть адаптировано для центрирования текста.