Відмінності між версіями «Test2»
Перейти до навігації
Перейти до пошуку
Рядок 2: | Рядок 2: | ||
<head> | <head> | ||
<script> | <script> | ||
(function( | $('.navbar-toggler').on('mouseenter', function(){ | ||
$('.collapse').addClass('show'); | |||
}); | |||
$('.pos-f-t').on('mouseleave', function(){ | |||
$('.collapse').removeClass('show'); | |||
});</script> | |||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> | |||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/> | |||
</head> | </head> | ||
<body> | <body> | ||
< | <div class="pos-f-t"> | ||
<div class=" | <div class="collapse" id="navbarToggleExternalContent"> | ||
< | <div class="bg-dark p-4"> | ||
<ul class="navbar-nav mr-auto"> | |||
<li class="nav-item active"> | |||
<a class="nav-link" href="#">Home</a> | |||
</li> | |||
<li class="nav-item"> | |||
<a class="nav-link" href="#">Agency</a> | |||
</li> | |||
<li class="nav-item"> | |||
<a class="nav-link" href="#">Work</a> | |||
</li> | |||
<li class="nav-item"> | |||
<a class="nav-link" href="#">Careers</a> | |||
</li> | |||
<li class="nav-item"> | |||
<a class="nav-link" href="#">Contact US</a> | |||
</li> | |||
</ul> | |||
</div> | </div> | ||
</div> | |||
<nav class="navbar navbar-dark bg-dark"> | |||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> | |||
<span class="navbar-toggler-icon"></span> | |||
</button> | |||
</nav> | |||
</div> | |||
< | |||
</ | |||
</ | |||
</ | |||
</body> | </body> | ||
</html> | </html> |
Версія за 09:35, 19 лютого 2022