Bootstrap: Используйте span для создания строчных элементов

Можно использовать элементы span для создания строчных (inline) элементов. Вспомните, когда мы использовали класс btn-block, чтобы кнопка заполнила строку по ширине?

Эта картинка иллюстрирует разницу между inline (строчными) и block-level (блочными) элементами.

Строчная

Используя элемент span, можно поместить несколько элементов в один и применить к ним разные стили.

В строке "Things cats love" поместите слово "love" в элемент span. Задайте элементу span класс text-danger, чтобы текст "love" стал красным.

Вот пример того, как можно сделать это с словом "hate" в строке "Top 3 things cats hate": <p>Top 3 things cats <span class = "text-danger">hate</span></p>