Ich habe gerade angefangen, mit der Twitter-Bootstrap-API für ein Projekt zu experimentieren, das ich vor mir habe. Die Hauptnavigation enthält 3 Hauptelemente:

site navsoziale links navDurchsuchen Sie das Website-Formular

Ich verwende das Collapse-Plugin, um das Navigations- und Suchformular der Site zu reduzieren, wenn ich die Site auf Mobilgeräten betrachte. Die mobile Ansicht verfügt über 2 Schaltflächen, mit denen Sie das Suchformular oder die Hauptnavigation ein- und ausschalten können, wenn Sie darauf klicken.

Wenn ich jedoch das Suchformular ausschalte und dann die Größe meines Browsers auf die Desktopansicht verändere, ist das Suchformular in dieser Ansicht immer noch ausgeblendet.

Ich habe über die Verwendung von Klassen wie "visible-mobile" usw. gelesen, aber diese scheinen mit dem Collapse-Plugin zusammenzustoßen. Mir ist auch klar, dass ich wahrscheinlich meine eigenen CSS-Hacks schreiben könnte, um dies zu beheben, aber ich dachte, ich würde fragen, ob es eine einfachere Lösung gibt.

Bootstrap verfügt über Ereignisse zum Anzeigen, Anzeigen, Verbergen und Verbergen, sodass ich mir überlegte, ob ich ein benutzerdefiniertes JS schreiben könnte, mit dem diese Elemente in den einzelnen Geräteansichten angezeigt oder ausgeblendet werden. Ich wusste jedoch nicht, wie ich erkennen sollte, welches Gerät ich gerade verwende.

Gedanken?

Danke im Voraus