Уроки Bootstrap

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

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

В этом уроке мы с вами приступим к созданию полноценного сайта на 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 месяца

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

Создание блога на Ruby On Rails
8 уроков
Уроки Python Django / Создание сайта
12 уроков
Современная вёрстка адаптивного веб-сайта
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта