Уроки Bootstrap / Как быстро сделать сайт mobile friendly
Привет друзья! В этом уроке мы с вами рассмотрим как быстро сделать сайт, который будет одинаково хорошо отображаться на десктопе и на мобильных устройствах – т.е. будет mobile friendly. Сделаем мы сайт на фреймворке Bootstrap. В нашем сайте будет классное меню, которое будет сворачиваться при изменении размеров экрана, так же мы в нем отобразим контент, который будет занимать разную ширину экрана в зависимости от его размеров, и конечно сделаем классный футер – footer сайта. 😊
✅ Пример из видео находится в конце описания.
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал:
Рекомендую посмотреть вот эти видео ►
★ [Как использовать иконки в ваших кнопках, добавляем иконки на сайт]
★ [Как подключить Bootstrap фреймворк к сайту]
★ [Как располагать элементы с помощью контейнеров фреймворка bootstrap]
★ [Как сделать галерею картинок используя bootstrap]
★ [Как сделать модальное окно, всплывающее окно на сайте]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch
● Уроки программирования для детей и подростков на Python
● Уроки HTML/CSS. Учим быстро и эффективно!
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.
● Уроки jQuery. Для начинающих, с нуля
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиbootstrap #урокиhtml #урокиcss
Пример из видео:
1 view
161
49
8 years ago 00:03:15 3.6K
Уроки Bootstrap Верстка | #1.Введение
8 years ago 00:17:04 192
Уроки Bootstrap верстки / #7 - Создание форм
8 years ago 00:10:58 30
Уроки Bootstrap верстки / #13 - Создание вкладок, табов ()
8 years ago 00:13:24 47
Уроки Bootstrap верстки / #12 - (модальные окна)
8 years ago 00:10:21 331
Уроки Bootstrap верстки / #2 - Верстка при помощи сеток (Grid-system)
7 years ago 00:10:06 68
Уроки Bootstrap 4 - Компоненты адаптивные карты.
8 years ago 00:12:13 117
Уроки Bootstrap 3 Верстка | #15. Как сделать форму регистрации или авторизации
7 years ago 00:10:31 29
Уроки Bootstrap 4 - Делаем слайдер
7 years ago 00:10:12 60
Уроки Bootstrap 4 - Работаем с Flexbox
7 years ago 00:10:10 78
Уроки Bootstrap 4 - Делаем форму регистрации
8 years ago 00:11:32 191
Уроки Bootstrap верстки / #4 - Стили для текста
7 years ago 00:11:27 45
Адаптивный СЛАЙДЕР с помощью Twitter Bootstrap | Уроки по Bootstrap 3
4 years ago 00:08:53 32
Уроки Bootstrap 5 - Делаем слайдер
8 years ago 00:11:02 261
Уроки Bootstrap верстки / #3 - Система сеток и адаптивное меню
8 years ago 00:10:02 154
Уроки Bootstrap верстки / #5 - Работа с таблицами
10 years ago 00:05:10 25
Уроки по Bootstrap. Урок №3: таблицы
7 years ago 00:12:14 31
Уроки Laravel - Верстка Bootstrap 4 ,Фронтенд
8 years ago 00:10:18 368
Уроки Bootstrap 3 Верстка | #6. Как сделать слайдер
8 years ago 00:18:11 127
Bootstrap - 4 Урок. Раздел CSS
8 years ago 00:09:25 192
Уроки Bootstrap верстки / #11 - JS Collapse
7 years ago 00:05:58 33
Уроки Bootstrap 4 - Видеоконтент адаптивно
8 years ago 00:10:24 77
Уроки Bootstrap 3 Верстка | #4. Как сделать адаптивное меню
7 years ago 00:11:48 60
Уроки Bootstrap 4 - Система сетки бутстрап
7 years ago 00:15:03 36
Уроки Bootstrap верстки / #6 - Кнопки и группы кнопок