Как я могу подчеркнуть текущую страницу внутри моего bootstrap <nav> - PullRequest
0 голосов
/ 18 июня 2020

У меня есть следующий код bootstrap, который определяет нашу навигацию по главному меню: -

<div class="col-xl-9 col-lg-9">
                                <div class="main-menu  d-none d-lg-block">
                                    <nav>
                                        <ul id="navigation">
                                            <li><a href="/">home</a></li>
                                            <li><a href="/home/FAQ">FAQ</a></li>
                                            <li><a href="/home/contact/">Contact</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>

, но мне нужно сделать подчеркивание текущей страницы, используя bootstrap, если возможно?

Ответы [ 2 ]

0 голосов
/ 18 июня 2020

Для этого вам понадобится JavaScript. По сути, вам нужно добавить класс динамически, например, active, в ваш активный элемент <li>, а затем добавить несколько стилей к этому классу. Подробнее см. в этой статье .

0 голосов
/ 18 июня 2020

Поместите класс в тот, который активен, а в css выделите классу подчеркивание. Пример:

<li class="active"><a href="/">home</a></li>

css:

.active{
    border-bottom: xxxx;
    border-color:xxxx;
    border-style:xxx;
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...