2015-03-26 5 views
0

В настоящее время я конвертирую psd в html с помощью бутстрапа. И я хочу использовать загрузочное меню.Bootstrap 3 Сделать настраиваемое навигационное меню Отзывчивый

Но я не хочу использовать меню начальной загрузки для немобильных устройств, так что, если пользователь находится на мобильном устройстве, он будет реагировать на ожидание меню, и если он использует рабочий стол или любое другое устройство размера md в начальной загрузке то он должен увидеть мое меню навигации, которое я стилю самостоятельно. Как мне это сделать?

My Html Разметка для меню:

<div id="navigation" class="col-md-9 col-sm-12"> 
    <nav> 
     <ul> 
      <li><a href="#" class="selected">Home</a></li> 
      <li><a href="#">Portfolio</a></li> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Services</a></li> 
      <li><a href="#">Archive</a></li> 
      <li><a href="#">Blog</a></li> 
      <li><a href="#">Other Pages</a></li> 
      <li><a href="#">Contact Us</a></li> 
     </ul> 
    </nav> <!-- end nav --> 
</div> 
+0

если вы знают о специфике css, чем не проблема; просто напишите свой css для навигации после bootstrap css, он переопределит загрузку css –

+0

Но как я буду принуждать его использовать только тогда, когда устройство не мобильное? –

+0

вы можете написать css в медиа-запросе, загрузочный ремень предоставить медиа-запрос, используя –

ответ

2

Это довольно простая задача.

Вам нужно знать две вещи. 1. медиазапросы 2. Bootstrap точки зрения порта перерыв

Ссылка для изломами

http://getbootstrap.com/css/#responsive-utilities

Ссылка для СМИ опрашивает

http://getbootstrap.com/css/#grid-media-queries

С помощью этого вы можете установить конкретные CSS для настольных компьютеров, мобильных устройств и т. Д.

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