Guten Tag,
ich habe ein Problem mit meiner Navbar. Ich benutze Bootstrap und wenn ich das Fenster im Browser kleiner ziehe soll ein Button erscheinen, was die Navbar dann aufklappen soll, was auch funktioniert.
Ich hab mal zwei Screenshots hochgeladen, dann solltet ihr das Problem sehen. Das eine ist in Chrome und das andere in Firefox (Firefox geht). Das ganze könnt ihr auch selber betrachten auf https://wenort.net/tl.
Das ist meine Navbar, hab ich nur als PHP-Funktion gemacht.
PHP
function printNavbar() { ?>
<nav id="header" class="bg-white container-fluid navbar navbar-expand-lg navbar-light fixed-top is-not-scrolling">
<div class="container">
<a class="navbar-brand" href="#">
<img src="assets/img/general/logo.png" height="55" width="84"/>
</a>
<button class="navbar-toggler" onclick="toggler()" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="navbar-nav ml-auto">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<li class="nav-item active">
<a class="nav-link" href="index.php"><?php echo $GLOBALS['lang']['nav_link_index']; ?></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="?lang=en"><span class="flag-icon flag-icon-us <?php if($GLOBALS['language']!=="de"){echo 'tl-selected';} ?>"></span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="?lang=de"><span class="flag-icon flag-icon-de <?php if($GLOBALS['language']=="de"){echo 'tl-selected';} ?>"></span></a>
</li>
</div>
</ul>
</div>
</nav> <?php
}
Alles anzeigen
Wäre sehr dankbar, wenn jemand eine Lösung hat.