Уроки 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 месяца

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

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