Я только начал играть с Twitter Bootstrap API для проекта, который я придумал. Основной навигатор содержит 3 основных элемента:
- сайт nav
- социальные ссылки nav
- поиск формы сайта
Я использую плагин collapse, чтобы свернуть навигацию сайта и форму поиска при просмотре сайта на мобильных устройствах. В мобильном представлении есть две кнопки, которые при нажатии переключаются на форму поиска или ввод/выключение основной навигации.
Однако если я отключу форму поиска и изменим размер моего браузера на рабочий стол, форма поиска по-прежнему скрыта в этом представлении?
Я читал об использовании классов, таких как visible-mobile и т.д., но они, похоже, сталкиваются с плагином свернуть. Я также понимаю, что, возможно, я мог бы написать свои собственные хаки CSS, чтобы исправить это, но подумал, что я спрошу, есть ли более легкое решение.
У Bootstrap есть события для показа, показанные, скрытые и скрытые, поэтому я подумал, что, возможно, я мог бы написать какую-то пользовательскую JS, которая отображала бы или скрывала эти элементы в каждом конкретном представлении устройства. Однако я не знал, как определить, какое устройство я использую в то время.
Мысли?
Заранее спасибо