Bootstrap

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

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

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

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


BootstrapHTML5

В этом уроке мы с вами разберем стили, которые вы можете использовать для работы с текстом. 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 месяца!


BootstrapHTML5

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