1

В своем коде я подключаю навбар. Когда наводишь на ссылки, они должны быть красными, но если я подключаю бутстрап, то этого не происходит.

@include('layouts.inc.navbar')
 <link rel="stylesheet" href="{{ asset('frontend/css/bootstrap.min.css')}}">



 <div class="menu-toggle">
    <span></span>
    <span></span>
    <span></span>
</div>
<nav>
    <ul>

        <li><a href="/">Home</a></li>
        <li><a href="/about-us">About Us</a></li>
        <li><a href="/services">Services</a></li>
        <li><a href="/contact-us">Contact Us</a></li>
    </ul>
</nav>


 nav ul li a:hover {
    background: #f00;
 }
6
  • можно сделать background: #f00 !important;
    – GGO
    12 июн 2020 в 12:06
  • Я вроде бы пытался, но оно не работало
    – Resawa
    12 июн 2020 в 12:06
  • + задайте клас ссылке например menu-link, а то это ужасно nav ul li a:hover, вот завтра я добавлю обертку и оно все полетит к чертям собачим)
    – GGO
    12 июн 2020 в 12:10
  • Разве что-то изменит, если я задам класс?
    – Resawa
    12 июн 2020 в 12:24
  • 1
    GGO верные вещи говорит. Не подхватывается цвет, скорей всего, из-за того, что бутстрап имеет на всё свои стили, а значит перебивает кастомные. Чтобы добиться необходимого эффекта, нужна повысить специфичность. Добавить класс к необходимому тегу и уже от него отталкиваться, самый оптимальный путь. Вы спросили вопрос, мы пытаемся помочь. А вопросы изменит это что-то или не изменит выглядят странно, попробуйте и посмотрите. Мы же тоже не смотря в инспект пытаемся понять, что у вас происходит. В общем удачи.
    – al-bulat
    12 июн 2020 в 13:08

1 ответ 1

0

Вопрос был решен добавлением 3 файла с перемещением кода страницы сервиса. Сначала подключалась страница,а только потом сам навбар.

@include('layouts.inc.services1')
@include('layouts.inc.navbar')

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.