2013-09-12 6 views
0

Я хотел бы заставить сворачивающееся меню на каждом мобильном устройстве, не зависящее от разрешения экрана. С asp.net mvc 4 я могу проверить, есть ли у меня мобильное устройство, если это так, я хочу заставить сворачивающееся мобильное меню из бутстрапа. Как я могу это достичь?force twitter bootstrap для использования мобильного меню

ответ

1

Вы должны переопределить медиа-запросы по умолчанию, чтобы получить navbar-collapse, чтобы оставаться видимыми в любое время. Например, вы найдете это на линии 4296 из style.css Bootstrap 3'S:

@media (min-width: 768px) { 
    .navbar-toggle { 
    display: none; 
    } 
} 

Это скрывает кнопку, когда окно браузера превышает 768px. Чтобы вместо этого скрыть, измените отображение на block. Потыкайте и играйте с другими элементами, например navbar-nav. Это тот же принцип.

+0

я пришел к этому решению: https://gist.github.com/DerKnerd/6542212 – Knerd

+0

я рекомендовал бы не возиться с " основной "бутстрап. Скорее, вы должны переопределить их стили в своей таблице стилей. Делает вещи намного более плавными, когда они решают обновить. http://getbootstrap.com/getting-started/#customizing. В противном случае, выглядит хорошо. –

+0

Я только что создал вторую и импортирую ее в зависимости от 'Request.Browser.IsMobileDevice' – Knerd

1

его не рекомендуется, так что - но я сделал это на днях для мобильного приложения.

У меня есть bootstrap.min.css и просто нашел замену для 768px и заменил 3000px.

это имеет эффект заставляя меню не скрывать до => 3000px

Смежные вопросы