Bootstrap перекрывает мои стили

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

@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;
 }