Я хотел бы заставить сворачивающееся меню на каждом мобильном устройстве, не зависящее от разрешения экрана. С asp.net mvc 4 я могу проверить, есть ли у меня мобильное устройство, если это так, я хочу заставить сворачивающееся мобильное меню из бутстрапа. Как я могу это достичь?force twitter bootstrap для использования мобильного меню
0
A
ответ
1
Вы должны переопределить медиа-запросы по умолчанию, чтобы получить navbar-collapse
, чтобы оставаться видимыми в любое время. Например, вы найдете это на линии 4296 из style.css Bootstrap 3'S:
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
Это скрывает кнопку, когда окно браузера превышает 768px. Чтобы вместо этого скрыть, измените отображение на block
. Потыкайте и играйте с другими элементами, например navbar-nav
. Это тот же принцип.
1
его не рекомендуется, так что - но я сделал это на днях для мобильного приложения.
У меня есть bootstrap.min.css и просто нашел замену для 768px и заменил 3000px.
это имеет эффект заставляя меню не скрывать до => 3000px
Смежные вопросы
- 1. Force Bootstrap для мобильного телефона
- 2. Twitter меню начальной загрузки меню мобильного телефона
- 3. Twitter Выпадающее меню Bootstrap
- 4. Bootstrap мобильного меню не отображается
- 5. twitter bootstrap отзывчивое наведение меню
- 6. Twitter Bootstrap MVC: Фильтрация меню
- 7. выравнивания для выпадающего меню Twitter Bootstrap
- 8. Динамическая ширина для раскрывающегося меню twitter bootstrap?
- 9. Использование Twitter Bootstrap для простого отзывчивого меню
- 10. Выдвинутое меню, например, Twitter Bootstrap
- 11. twitter bootstrap выпадающее меню javascript
- 12. Выпадающее меню с Twitter Bootstrap
- 13. Twitter Bootstrap scrollspy в меню
- 14. Twitter Bootstrap Navbar прокрутка меню
- 15. использования Twitter Bootstrap под классом
- 16. Force мобильного расположение внутри DIV
- 17. Touch не работает для мобильного браузера в шаблоне twitter bootstrap
- 18. Сочетание нескольких меню Bootstrap в одном для мобильного телефона?
- 19. Twitter bootstrap Меню Выпадающее меню, высота вопроса, при наведении
- 20. Пользовательское меню для мобильного
- 21. Twitter Bootstrap
- 22. Bootstrap 3 несколько меню рушится в одном для мобильного
- 23. Меню не скрывается должным образом для мобильного просмотра в Bootstrap
- 24. twitter bootstrap выпадающее меню с горизонтальным прокруткой
- 25. Glitchy поведение в twitter-bootstrap отзывчивое меню
- 26. Show Twitter Выпадающее меню Bootstrap внутри JQGrid
- 27. Twitter Bootstrap - Ширина кнопки в раскрывающемся меню
- 28. Twitter Bootstrap 3 Меню навигации Неожиданное поведение
- 29. twitter bootstrap динамически добавить выпадающее меню
- 30. Reformat Twitter Меню Bootstrap при его уменьшении
я пришел к этому решению: https://gist.github.com/DerKnerd/6542212 – Knerd
я рекомендовал бы не возиться с " основной "бутстрап. Скорее, вы должны переопределить их стили в своей таблице стилей. Делает вещи намного более плавными, когда они решают обновить. http://getbootstrap.com/getting-started/#customizing. В противном случае, выглядит хорошо. –
Я только что создал вторую и импортирую ее в зависимости от 'Request.Browser.IsMobileDevice' – Knerd