/ / Style мобилна навигация чрез Bootstrap 3 - html, twitter-bootstrap, css3

Стилна мобилна навигация с Bootstrap 3 - html, twitter-bootstrap, css3

Така че имам навигация, дефинирана в Bootstrap 3, но бих искал да променя размера, цвета и <li> когато потребителят го посещава на мобилен или таблетен браузър срещу настолен компютър. Какъв би бил най-добрият начин да направите това? Мислех, че използвам медийни запитвания, но не знам откъде да започна.

Отговори:

1 за отговор № 1

Заявката за медиите е добър начин да отстраните проблема си. Подразбиращата се точка на прекъсване на boostbar за навигация изглежда, че е 768 пиксела. вижте нататък coderwall

@media (max-width: 768px) { "your modifications here" }

2 за отговор № 2

Ако искате да персонализирате това повече за мобилни Jasny изпълнете тези плъгини са много добри за, имам внедрени в моите проекти и работят много добре за мобилните "меню offcanvas"

Ясно

менюто offcanvas


0 за отговор № 3

Моят начин е ... 1.- откриване на iphone / ipad / android с jquery, 2.- Използване на персонализирани заявки за медии за насочване към iphone, ipad. По-късно тествайте в устройство, защото използването на заявки за мултимедия е насочено само към настолен компютър, което не е в устройство или разделителна способност на смартфони.