Bootstrap3, как иметь выпадающее меню на кнопке переключения?

Question

Пожалуйста, запустите this coding, используя мобильный вид.

Я скопировал код из документации начальной загрузки, я хочу, чтобы кнопка переключения (кнопка тройного бара), когда я нажал кнопку, хочу получить раскрывающееся меню. Но я действительно не понимаю понятия о том, как выпустить кнопку переключения.

Пожалуйста, покажите мне пример кодирования, спасибо.

Answer 1

Я думаю, что использование выпадающих из правой кнопки будет сложным, если не болезненным. Также пункты меню, вероятно, слишком малы, чтобы удобно нажимать сенсорное устройство.

Как насчет смены навигационной панели?

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".Kongthaps-navbar"> 
... 
<div class="collapse navbar-collapse Kongthaps-navbar"> 

Обратите внимание, как данные целевой класс используется для идентификации переключаемых меню.

Полный пример:

http://jsfiddle.net/yNHpf/3/

Что касается версии с обычным ниспадающего, триггер должен быть внутри тега <div class="dropdown"> и данных тумблер должен быть data-toggle="dropdown" вместо data-toggle="collapse". Кроме того, я думаю, что не может быть данными целей (в противном случае она не работает)

Вот ваш пример, пол-рабочий:

http://jsfiddle.net/6jF9x/3/

Я оставляю позиционирование выпадающего до вас ;-)

Я использую первую технику в своих темах, проверьте my theme Tales, который я уже перенес на BS3 для примера реальной жизни.

Надеюсь, это поможет!