Я только начал играть с Twitter Bootstrap API для моего проекта. Основная навигация содержит 3 основных элемента:

навигация по сайтусоциальные ссылки навигацияпоиск по сайту

Я использую плагин коллапса, чтобы свернуть навигацию по сайту и форму поиска при просмотре сайта на мобильных устройствах. В мобильном представлении есть 2 кнопки, которые при нажатии включают / выключают форму поиска или основную навигацию.

Однако, если я отключаю форму поиска и затем изменяю размер своего браузера для просмотра на рабочем столе, форма поиска все еще скрыта в этом представлении?

Я читал об использовании классов, таких как visible-mobile и т. Д., Но они, похоже, конфликтуют с плагином коллапса. Я также понимаю, что мог бы написать свои собственные CSS-хаки, чтобы исправить это, но подумал, чтоЯ спросил бы, было ли более простое решение.

В Bootstrap есть события для показа, показа, скрытия и скрытия, поэтому я подумал, что, возможно, я мог бы написать какой-нибудь пользовательский JS, который бы отображал или скрывал эти элементы в каждом конкретном представлении устройства. Однако я нене знаю, как определить, какое устройство ям в то время.

Мысли?

заранее спасибо