Уроки по Bootstrap 3 | #10 Кнопки с выпадающим меню (dropdown)

preview_player
Показать описание
В этом уроке мы научимся создавать кнопки с выпадающим меню. Также рассмотрим вариации использования выпадающего меню в Bootstrap 3.
  1. Magisters | Обучение современным профессиям
  2. уроки bootstrap
  3. на русском
  4. уроки веб дизайна
  5. уроки создания сайтов
  6. веб дизайн обучение
Рекомендации по теме
Уроки по Bootstrap 0:16:43

Уроки по Bootstrap 3 | #3 Настройка сетки

Создание адаптивного сайта 0:30:30

Создание адаптивного сайта с Bootstrap 3. Урок 1. Введение в Bootstrap...

Bootstrap 3 - 0:13:30

Bootstrap 3 - старт

Bootstrap 3 - 0:14:30

Bootstrap 3 - типографика, иконки, таблицы и пр.

1: Bootstrap 3 0:03:29

1: Bootstrap 3 tutorial for beginners - Learn Bootstrap 3 front-end programming

Уроки Bootstrap верстки 0:11:02

Уроки Bootstrap верстки / #3 - Система сеток и адаптивное меню...

Установка Bootstrap 3 0:11:42

Установка Bootstrap 3 // Веб-разработчик 1.0

Создание адаптивного сайта 0:10:10

Создание адаптивного сайта с Bootstrap 3. Урок 3. Верстка адаптивного макета на Bootstrap. Часть 1...

Изучение Django 3 0:26:41

Изучение Django 3 / Урок #5 - Статические файлы. Добавление Bootstrap...

Уроки Bootstrap верстки 0:07:36

Уроки Bootstrap верстки / #1 - Основы и установка

Уроки Bootstrap верстки 0:10:21

Уроки Bootstrap верстки / #2 - Верстка при помощи сеток (Grid-system)...

Создание адаптивного сайта 0:10:10

Создание адаптивного сайта с Bootstrap 3. Урок 4. Верстка адаптивного макета на Bootstrap. Часть 2...

Уроки Bootstrap 5 0:08:54

Уроки Bootstrap 5 - Введение и установка

Создание адаптивного сайта 0:10:10

Создание адаптивного сайта с Bootstrap 3. Урок 5. Верстка адаптивного макета на Bootstrap. Часть 3...

Bootstrap 3 Tutorial 0:04:15

Bootstrap 3 Tutorial 1 - What Is Bootstrap?

Bootstrap Tutorial For 0:13:49

Bootstrap Tutorial For Beginners - Responsive Design with Bootstrap 3 - Responsive HTML, CSS

Bootstrap 3 Tutorial 0:02:18

Bootstrap 3 Tutorial | Media Queries and Breakpoints

Bootstrap CSS Framework 2:46:22

Bootstrap CSS Framework - Full Course for Beginners

Bootstrap 3 Tutorials 0:07:42

Bootstrap 3 Tutorials - #1 Introduction and Environment Setup

Создание адаптивного сайта 0:10:10

Создание адаптивного сайта с Bootstrap 3. Урок 2. Системы сеток Bootstrap...

Aprende Bootstrap en 0:10:16

Aprende Bootstrap en 10 minutos

Bootstrap 3 Tutorial 0:03:31

Bootstrap 3 Tutorial | NavBar Dropdowns

11: Create a 0:10:01

11: Create a table in Bootstrap 3 - Learn Bootstrap 3 front-end programming

Migrate from Bootstrap 0:15:07

Migrate from Bootstrap 3 to 4 Version

Комментарии
Автор

Отличные уроки! Спасибо огромное! Хотелось бы увидеть полностью верстку с psd макета) и посложней какую-нибудь) и отдельно по верстке лединг страниц +) 

kinrt
Автор

Красавчик! Спасибо большое за уроки!!! Все ясно и понятно!

РомаБуяр
Автор

оо спасибо что так все внятно обьяснил

Влад-фср
Автор

У кого не получилось просто уберите дивы с col-md-6 и всё (мне помогло)

andreykoikov
Автор

Здравствуйте! Благодарю за уроки!
Есть проблемка с подключением скрпитов (видимо) и с выпаданием меню и одновременной работой скрипта по автоматическому прокручиванию слайдера.(вы как-то писали его в комментариях) И выпадающее меню и слайдер делал по Вашему уроку. При различных манипуляциях со скриптами, то dropdown отключается, то автопрокрутка слайдера не работает.

psyholog_zakharchenko
Автор

Автор поскидывай готовые страницы из видео уроков

RpGsDimariks
Автор

подскажи пожалуйста . Создал кнопку абсолютно так же как и ты . допустим сама кнопка в ширину 30 px а кликабельность кнопки пикселей 5, т.е. остальные 25 пикселей браузер не видит как кнопку .

СашаКулачинский
Автор

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

ОлегАфанасьєв-ъц
Автор

Не понимаю, если локально открывать, то кнопка выпадает. Если страницу с тем же самым кодом открывать на хостинге, то кнопка не работает. Что может быть? Заранее спасибо

ИгорьАбрамович-пд
Автор

Подскажите как сделать так чтоб ширина ul была равна с кнопкой или хотя бы чтоб подгоняло ul по конец строки в li.

pavelosypov
Автор

почему в кнопках dropdown можно обойтись без id а в спойлере нельзя?

Oksana_Bon
Автор

В самом конце, при закрытии выпадающего списка, кнопка с кареткой остается темной, как это исправить?

leniivec
Автор

можно ли сделать кнопку, текст которой меняется в активном состоянии? (не используя JavaScript, а то я в нем не разбираюсь) 

ЄвгеніяЗавгородня-тщ
Автор

Кто же тот гад который поставил один диз?...

PashtetYoptaNa
Автор

не выпадет меню, целый час сравнивал код, все одинакого

ИльяКудинов-пж