Bootstrap

Изучение технологии Bootstrap (верстка сайта)

16 уроков 20 заданий Справочник Компилятор

#15 - Создание сайта на Bootstrap

#15 - Создание сайта на Bootstrap


BootstrapHTML5

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

Видео урок:

Исходный код

Весь код будет доступен после подписки на проект!

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

Загрузка...

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

Две колонки
Ваша задача будет заключаться в том, чтобы изменить немного сайт. Первым делом сделайте две колонки там где "Привет, мир!". Во вторую колонку поместите подобную первой колонке колонку.
Посмотреть ответ
Для разделения на две колонки вам потребуется следующий код:
<div class="jumbotron">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <h1>Привет, мир!</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          <p><a href="#" class="btn btn-primary btn-lg">Узнать больше »</a></p>
        </div>
        <div class="col-md-6">
          <h1>Вторая колонка!</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          <p><a href="#" class="btn btn-warning btn-lg">Узнать больше »</a></p>
        </div>
      </div>
    </div>
</div>
Получить остальные домашние задания можно после подписки на проект!

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

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


BootstrapHTML5

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