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

Question

Мы создаем мобильный сайт, используя twitter bootstrap. Мы используем отзывчивое меню Twitter.

Когда мы рассматриваем меню в мобильном телефоне это выглядит как

В нормальном режиме

Когда меню расширяется.

мы можем сделать его похожим на facebook меню мобильного стиля, т.е. вместо меню будучи наступающем сверху вниз, он должен прийти слева направо?

Answer 1

Сбрасывание меню добавляет класс css с переходом (по высоте от 0 до авто). Вы можете перезаписать этот класс css.

Пример:

.nav-collapse, .nav-collapse.collapse{ 
    height: 0; 
    width: 0px; 
    overflow: hidden; 
    position: relative; 
    left:100%; 
    -webkit-transition: all 2s ease 0s; 
    -moz-transition: all 2s ease 0s; 
     -o-transition: all 2s ease 0s; 
      transition: all 2s ease 0s; 
} 
.collapse.in { 
    left:0; 
    width: 100%; 
    height: auto; 
} 

Этот код иллюстрирует только. Этот код нарушает другой код навигатора. См. (Открыть на маленьком экране): http://bootply.com/74938