#4 - Стили для текста
Bootstrap обладает большим набором готовых стилей для работы с текстом. За урок мы изучим стили для работы с надписями, а также создадим множество красивых текстовых надписей.
Відеоурок
Вихідний код
Весь код буде доступний після підписки на проект!Онлайн редактор коду
Завантаження...
Завдання до уроку
Работа с текстом
Создайте блок контейнер и добавьте к нему задний фон красного цвета.
Внутри блока пропишите теги:
- заголовок 2 уровня с текстом сини текстом;
- создайте абзац с расположением текста справа;
- блок с кодом;
- блок с цитатой и подписью автора.
Подивитися відповідь
Решение задания:
<div class="bg-danger container">
<h2 class="text-info">Всё удалось!</h2>
<p class="text-right">Простой текст</p>
<pre>if (i == 0)
start_game = true;</pre>
<blockquote class="blockquote-reverse">Если включить музыку, то код можно написать без ошибок.
<footer>Билл Гейтс</footer>
</blockquote>
</div>Велике завдання за курсом
Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця
Також варто подивитися
Коментарі
