Слайд 2
Bootstrap — свободный набор инструментов для создания сайтов и веб-приложений.
Включает в
себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса
Слайд 3
Где получить Bootstrap?
Есть два способа начать использовать Bootstrap на собственном веб-сайте.
Скачать
Bootstrap от getbootstrap.com
Включите Bootstrap из CDN
Слайд 4
Слайд 5
Создание первой веб-страницы с Bootstrap
Слайд 6
Слайд 7
Слайд 8
Сетка Классы
Система Bootstrap сетки имеет четыре класса:
xs (Для телефонов - экраны менее
768px в ширину)
sm (Для таблеток - экраны, равных или больше, чем 768px ширины)
md (Для небольших ноутбуков - экранов, равных или больше, чем 992px ширины)
lg (Для ноутбуков и настольных ПК - экранов, равных или больше, чем 1200px шириной)
Слайд 9
Основная структура Bootstrap сетки
...
Слайд 10
Три равные колонки
.col-sm-4
.col-sm-4
.col-sm-4
Слайд 11
Слайд 12
Слайд 13
Слайд 14
Слайд 15