Bootstrap 4

Вёрстка адаптивного сайта на Bootstrap 4

6 уроков 20 заданий Компилятор
/ Видеокурсы / Вёрстка адаптивного сайта на Bootstrap 4

Bootstrap 4 верстка сайта / #1 - Создание адаптивного веб сайта

Bootstrap 4 верстка сайта / #1 - Создание адаптивного веб сайта


BootstrapHTML5CSS3

Представляем большой курс по созданию адаптивного сайта на Bootstrap 4. Вы изучите основные классы и научитесь писать сайты разной сложности и тематики.

Видео урок:

Bootstrap 4 это новая и на данный момент последняя версия технологии Бутстрап. Ранее на нашем сайте уже был курс по Bootstrap, в котором были рассмотрены основные классы и свойства этой технологии. Вы можете ознакомиться с этим курсом по этой ссылке.


В этом курсе вы ознакомитесь с полноценной версткой сайта с применением Bootstrap и написанием своих собственных стилей. Сайты, которые пишутся при помощи этой технологии получаются адаптивными, легкими и красивыми. 


Bootstrap - библиотека вмещающая в себе набор стилей, классов и скриптов для создания сайтов. В библиотеке можно найти массу шаблонов, использование которых не составит особого труда.


При помощи библиотеки Bootstrap вы можете создавать всплывающие окна, подсказки при наведении, раскрывающиеся меню, табы, метки и многие другие полезные вещи всего за пару строк кода.

Материалы для курса

bootstrap4-start.zip Необходима подписка!

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Ссылки в тег Head
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

Онлайн редактор кода

Загрузка...

Задание к уроку

Установка всего

Скачайте текстовый редактор, а также создайте первую HTML страницу.


Выведите на экран фразу "Все работает".

Посмотреть ответ

Вы можете скачать любой текстовый редактор или же скачать такой как на видео - Atom.


Создайте HTML страницу со стандартным синтаксисом и пропишите в теге body:

<p>Все работает</p>

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


BootstrapHTML5CSS3

Также стоит посмотреть