1
Frage wurde beantwortet! Code wurde umkodiertNav Bar erscheint nicht auf Handy
A
Antwort
0
Ich glaube, das ist die Art, wie die kollabierbare Navigationsleiste in Bootstrap funktionieren soll.
Ihr nav ist in diesem Element enthalten sind:
<div class="collapse navbar-collapse" id="mainNav">Wenn Sie den Code hier:
https://github.com/twbs/bootstrap/blob/v3.3.6/less/navbar.less#L40-L73
Die .collapse Klasse blendet das Element (durch Hinzufügen eines display: none), aber wenn die Bildschirmgröße la ist rger als der Breakpoint (768px, das ist @ grid-float-breakpoint) überschreibt dieser Code das mit einem display: block!important, um das Element anzuzeigen.
+0
Das! Wichtig ist das keypart, wie es die Bilder auf meiner nav-Bar anzeigt! Irgendwelche Ideen auf, was ich tun kann? – user6150658
+0
Gut, ich denke, dass wenn Sie wollen, dass es einfach auch auf Mobile anzeigt kann einfach die Kollaps-Klasse aus dem div. –
0
Es gibt viele Möglichkeiten, warum Ihre Navbar nicht in Mobilgeräten angezeigt wird.
. Ich sehe die Zeile des Codes, wo Sie <nav class="navbar-inner"> und Ihre Navbar toggle bereits dort, aber der Hintergrund ist transparent., eigentlich sollte es so sein, müssen Sie <nav class="navbar-default navbar-inner"> hinzufügen.
Hier ist DEMO
i bereits den Code in dieser Demo hinzuzufügen. Es läuft perfekt.
. Überprüfen Sie Ihre Bootstrap CSS und js auch jquery Link, wenn es richtig läuft.
+0
uhm was passiert, wenn ich das mache es ist, y zeigt das Haus und das ist 1/3 davon und keiner der anderen. – user6150658
+0
Sie müssen Ihre CSS zuerst bro reparieren – Fiido93
+0
das, warum ich sage, dass Ihr CSS das Hauptproblem im Moment ist. Ich zeige bereits Ihre navbar erscheint in Mobile – Fiido93
Verwandte Themen
- 1. Center IMG auf Nav Bar
- 2. Bootstrap Nav Bar Active
- 3. Div erscheint klein auf Handy
- 4. Nav bar Untermenü
- 5. Bootstrap Responsive Nav Bar
- 6. Ionic nav-bar Ausgabe
- 7. Responsive Nav Bar Bug
- 8. nav bar Ausgabe
- 9. Weird nav Tasten auf Handy CSS
- 10. nav bar wrapping auf kleineren Auflösungen
- 11. warum funktioniert die nav bar collaspe nicht?
- 12. Bootstrap Scrolling Nav Bar funktioniert nicht richtig
- 13. Ionic verstecken nav-bar nicht die Tasten
- 14. Überlauf Logo außerhalb nav bar
- 15. Nav-Bar-Titel programmgesteuert ändern
- 16. CSS - ausblenden Nav Bar & Footer
- 17. Ionic Nav-bar: Titel ist nicht auf Android-Gerät zentriert
- 18. bootstrap nav bar kollabieren ausgaben
- 19. Versuch, Suchleiste unter Nav bar
- 20. NAV-Symbol erscheint zu schnell
- 21. Hintergrundfarbe ändert sich nicht in ionischen Nav-bar
- 22. Verschiedene Größe auf Nav-bar auf verschiedenen Seiten
- 23. Benutzerdefinierte Joomla-Vorlage Nav-Bar-Formatierung Problem
- 24. navigation bar states, zeigt und versteckt die untere nav bar
- 25. Nav Bar mit Logo im Bootstrap
- 26. Tab style nav bar mit Jquery
- 27. nav bar item programmatically in Swift
- 28. md-nav-bar mit eckigen 1,5 Komponenten
- 29. Slide Nav Bar von links in Bootstrap
- 30. Yii2 Nav Bar Bilder in Menüoptionen hinzufügen
Holen Sie sich eine Navbar von hier: http://getbootstrap.com/components/#navbar – Manish62
Das ist das Standardverhalten von Bootstrap ... Es verbirgt die Navbar, wie es weniger Platz im mobilen Bildschirm hat, aber immer noch können Sie Ihre öffnen navbar, indem Sie auf das minimierte Symbol klicken, das in der mobilen Ansicht angezeigt wird ... –
Hat also meine Antwort für Sie funktioniert? – Fiido93