Jquery Mobile NavBar оплавления

Question

Привет у меня есть этот Navbar:

<div data-role="navbar" data-theme="c" > 
      <ul> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
      </ul> 
     </div> 


</div> 

Мне нужно добавить «меню» кнопку, если экран устройства мал для шоу три кнопки.

Что-то вроде этого: http://img30.imageshack.us/img30/8634/o6c5.png

Я знаю, что мне нужно, чтобы добавить правило в CSS, но я не знаю, как Пожалуйста, спасибо вам

Answer 1

Вы можете проверить, как они это делают в Twitters самозагрузки. В основном у вас будет медиа-запрос для определенного размера экрана и форматирование страницы таким образом.

В самом деле, почему вы не просто интегрировать Bootstrap щебетать, и вы получите все, что вы могли бы столкнуться: http://getbootstrap.com/

Проверьте это, у него есть все, что вы хотите/должны.