У меня проблемы с моим Bootstrap Navbar.Кажется, пару месяцев назад она работала нормально, но теперь она делает странные вещи, не знаю почему.Моя самая большая проблема заключается в том, что когда я открываю маленькое окно размера моего Навмену, оно делает это справа, а не под настоящим гамбургером.
Это мой код навигации:
<div class="menue">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">Kosmetik Asura</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#ueber">Über</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#angebote">Angebot</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#kontakt">Kontakt</a>
</li>
</ul>
</div>
</nav>
</div>
Может кто-нибудь сказать мне, что мне нужно изменить?
Заранее спасибо!
PS: это на
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
CSS:
/*NAV*/
nav li{
border-left: 2px solid black;
font-size: 1em;
}
nav li:hover{
border-left: 2px solid black;
box-shadow: inset 0px 0px 5px #000;
}
.navbar{
background-color: #f2f2f2;
height: 90px;
border-bottom: 1px solid grey;
border-top: 1px solid grey;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
}
.nav-link{
width: 150px;
text-align: center;
}