В Bootstrap 5 вы можете создать горизонтальную линейку (также известную как разделитель или линия), используя различные методы. Вот несколько способов добиться этого:
Метод 1: использование классов HTML и CSS
Вы можете создать горизонтальное правило с помощью тега HTML
и применить классы Bootstrap для его стилизации. Например:
<hr class="my-4">В этом примере класс my-4добавляет расстояние от полей выше и ниже горизонтальной линейки. Вы можете настроить интервал, изменив числовое значение (например, my-2, my-5и т. д.).
Метод 2: использование служебных классов Bootstrap
Bootstrap 5 предоставляет служебные классы, которые позволяют создавать горизонтальное правило без тега
. Для этого вы можете использовать классы border-topили border-bottom. Например:
<div class="border-top my-4"></div>В этом примере класс border-topдобавляет горизонтальную линию вверху
border-bottom, чтобы создать линию внизу.
Метод 3: настройка с помощью CSS
Если вам нужен больший контроль над внешним видом горизонтального правила, вы можете определить собственные правила CSS. Например:
<hr >В этом примере свойство border-colorзадает цвет горизонтальной линейки, а свойство border-widthрегулирует ее толщину.