Уроки Bootstrap

#4 - Стили для текста

#4 - Стили для текста

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

Видеоурок

Исходный код

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

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

Загрузка...

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

Работа с текстом
Ваша задача это поработать с различными стилями для текста. Создайте блок с классом well, который будет иметь фиксированную ширину. В этот блок поместите: заголовок, небольшой текст возле заголовка (чтоб был выделен красным), абзац с тегами выделенными, а также выделенными словами. Также напишите и выведите какой-либо код. Напишите цитату.

В общем, ваша задача это немного самостоятельно попрактиковаться с написанием стилей для текста.
Посмотреть ответ
Вы могли создать нечто подобное:
<div class="bg-info container">
    <h2 class="text-info">Все удалось! <small class="text-danger">Что-то слишком опасно!</small></h2>
    <p class="text-right">Ниже можно <mark>приведен</mark> самый простой код условного оператора <code>if</code>:</p>
    <pre>if (i == 0)
  start_game = true;</pre>
    <p>Ну и, конечно же, небольшая цитата:</p>
    <blockquote class="blockquote-reverse">
      Если включить музыку, то код можно написать без ошибок!
      <footer>Билл Гейтс :)</footer>
    </blockquote>
</div>

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

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

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

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