Заполнение родительского элемента в активном режиме bootstrap

#css #html #twitter-bootstrap #twitter-bootstrap-3

#css #HTML #twitter-bootstrap #twitter-bootstrap-3

Вопрос:

Я очень новичок в Интернете. может кто-нибудь, пожалуйста, помогите мне с этими простыми и глупыми вопросами.

Я создал эту панель навигации в bootstrap.

Вот ссылка на то, что я сделал.

www.headsuppoker.tk

на панели навигации активный элемент «Главная страница» выделен не полностью, чтобы заполнить общую высоту панели навигации темно-черным цветом. пожалуйста, скажите мне, как это сделать.

заранее спасибо.

Ответ №1:

Я бы предложил добавить этот код в ваш CSS, поскольку он также будет центрировать ваши элементы навигации:

 .navbar-inverse .navbar-nav > .active > a {
    padding: 18px 15px !important;
}

1. Спасибо, чувак. Облако, пожалуйста, скажите мне, как центрировать неактивный элемент.

2. Рад помочь. Для центрирования неактивных элементов замените .active с li в коде.

3. Еще раз спасибо. Ты спас мой день. (y)

Ответ №2:

В строке 7 bootstrap.min.css , ниже .navbar-inverse .navbar-nav > .active > a , добавьте padding-bottom: 25px !important , чтобы расширить черный цвет до конца. Выглядит как строка 4415, когда она расширена.

 .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{
    color:#fff;
    background-color:#080808
    padding-bottom:25px !important;/* <----Add This Line*/
}