Właśnie zacząłem się bawić z Twitter Bootstrap API dla projektu, który nadchodzę. Główna nawigacja zawiera 3 główne elementy:

nawigacja witrynylinki społecznościowe navprzeszukaj formularz strony

Używam wtyczki zwijania, aby zwinąć formularz nawigacyjny i formularz wyszukiwania podczas przeglądania witryny na urządzeniach mobilnych. Widok mobilny ma 2 przyciski, które po kliknięciu przełączają formularz wyszukiwania lub główny nav on / off.

Jeśli jednak wyłączę formularz wyszukiwania, a następnie zmienię rozmiar przeglądarki na widok pulpitu, formularz wyszukiwania jest nadal ukryty w tym widoku?

Czytałem o używaniu klas, takich jak widoczne-mobile itp., Ale wydają się one kolidować z wtyczką Collapse. Zdaję sobie również sprawę, że prawdopodobnie mógłbym napisać własne hacki CSS, aby to naprawić, ale pomyślałem, że zapytam, czy istnieje łatwiejsze rozwiązanie.

Bootstrap ma wydarzenia pokazowe, pokazane, ukryte i ukryte, więc pomyślałam, że może mogłabym napisać niestandardowy JS, który pokazywałby lub ukrywał te elementy w widoku poszczególnych urządzeń. Nie wiedziałem jednak, jak wykryć, z którego urządzenia korzystam w tym czasie.

Myśli?

Z góry dziękuję