itProger Видеокурсы Изучение технологии Bootstrap (верстка сайта) #4 - Стили для текста

#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 месяца

Bootstrap

HTML5