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