Я пытаюсь создать меню нижнего колонтитула с надписью для перетаскивания и полной ширины для мобильных устройств с Bootstrap 3. Я уже создаю выпад с помощью css и делаю суб-навигация выравнивается влево (я не знаю, если это лучший способ, но он работает). Я пробовал много способов и проверял множество примеров, но я не могу понять, как сделать суб-навигационная панель покрывает всю ширину экрана. Вот мой пример работы в этом Bootply http://www.bootply.com/7wy0Oten9mПодкатегория полной ширины Bootstrap 3
ответ
Проблема с вашим кодом заключается в том, что все, что вы установили, все классы col-xs-2 определяют ширину вашего выпадающего списка. Решение здесь - попрощаться с Bootstrap для немного.
Идея:
Footer -> Col-хз-12 (полная ширина)
Поместите все 5 частей меню в нем (все имеют класс «кнопка-footer- мобильный ") и установить их ширину 16.66667% (который был ширина 2-COL)
дать middlemenu другой класс и установить его на 33.33333% (ширина 4-COL)/класс является middlemenu в моем примере/
Поплавок «кнопка-сноска-мобиль» класс влево и установите его запас 0.
Таким образом, у вас есть один и тот же макет, но теперь выпадающие окна могут иметь ширину в 100% ,
Вы можете увидеть рабочий bootply здесь: http://www.bootply.com/lyLNGBDZ68#
Я надеюсь, что это помогло вам и мой ответ ясны и понятны,
Эндрю
- 1. Bootstrap 3 - подменю полной ширины
- 2. Элемент полной ширины hr в Bootstrap 3
- 3. Позиционирование полной ширины в Bootstrap?
- 4. Подменю полной ширины в Bootstrap 3 без использования MegaMenu
- 5. Единица полной ширины в Twitter Bootstrap
- 6. bootstrap modal растягивается до полной ширины страницы?
- 7. Секции полной ширины Bootstrap с графическим фоном
- 8. Twitter Bootstrap: переупорядочение столбцов для разделов полной ширины
- 9. Bootstrap 3 - боковая панель с полной высотой
- 10. bootstrap 3 шаблон крышки в полной ширине
- 11. Вкладки полной ширины с использованием Bootstrap (поддержка IE)
- 12. бутстрап 3 - фиксированная боковая полоса до полной ширины столбца
- 13. Создание изображения полной ширины
- 14. Позиционирование заголовка полной ширины
- 15. Сайт полной ширины
- 16. HTML-заголовок полной ширины
- 17. Изображение полной ширины браузера
- 18. Материализуйте ползунок полной ширины
- 19. запрос полной ширины и сжатие
- 20. Класс полной ширины - основа основания
- 21. Загрузочный образ полной ширины пролета
- 22. Проблема с настройкой полной ширины/высоты Подпись в кассете Bootstrap
- 23. Несколько стоп-изображений полной ширины с помощью Bootstrap 3.0
- 24. Несколько элементов inline с кнопкой полной ширины, которая сворачивается (Bootstrap)
- 25. Всплывающие подсказки Bootstrap, выходящие из страницы на основе полной ширины
- 26. Twitter Bootstrap Div центрирования вопрос в полной ширины контейнера
- 27. Как создать фоновое видео полной ширины (Vimeo)? в среде Bootstrap
- 28. Как получить мою веб-страницу Bootstrap для полной ширины
- 29. Изменение ширины до полной ширины в JavaScript
- 30. Выпадающее меню Bootstrap col 3 не показывает детальное меню полной ширины
Спасибо за вашу помощь Эндрю! Ответ был очень ясным и простым в применении. – alejuu