Можно использовать элементы 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>