[TYPO3-german] OT: Bootstrap 4 - navbar toggleable

Johannes C. Laxander jc at laxander.com
Wed Mar 15 19:17:52 CET 2017


Hallo,

ich habe ein ganz normales horizontales Menü für Viewports >= 768px. Alle
Viewports < 768px sollen das "Hamburger Menü" darstellen. Soweit
funktioniert das auch. Das Ganze hat nur den "Schönheitsfehler", dass das
Menü bei Viewports <768px "aufgeklappt" ist und alle Menüpunkte sichtbar
sind. Das soll aber so nicht sein, Die Menüpunkte sollen nur übern den
Button angezeigt werden. Ich hab schon alles Mögliche versucht, aber es
gelingt mit nicht. Was mache ich falsch, wo ist mein Denkfehler?

<nav class="navbar navbar-toggleable-md navbar-light">
	<button class="navbar-toggler navbar-toggler-right" type="button"
data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu"
aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>
	<a class="navbar-brand hidden-sm-down" title="" href="/">
		<img alt="Logo" src=".../logo.png" width="344" height="86">
	</a>
	<div class="navbar-collapse collapse" aria-expanded="false"
id="mainMenu">
		<ul class="navbar-nav">
			...
		</ul>
	</div>
</nav>

Johannes.



More information about the TYPO3-german mailing list