В Bootstrap можно создать горизонтальные линии, используя встроенные классы. Для этого можно воспользоваться классом "hr" или "border-top".
1. С использованием класса "hr":
Для создания горизонтальной линии ниже текста или элемента можно применить класс "hr" к соответствующему элементу. Например:
<h1>Заголовок</h1> <hr>
В этом примере после заголовка будет отображена горизонтальная линия.
2. С использованием класса "border-top":
Если вам нужно создать две горизонтальные линии в разные стороны, вы можете воспользоваться классом "border-top". Для этого вам потребуется создать дополнительный элемент или контейнер, к которому вы примените этот класс. Например:
<div class="border-top"></div>
В этом примере будет отображена горизонтальная линия.
Для создания второй горизонтальной линии в противоположную сторону, вы можете использовать комбинацию классов "border-top" и "border-bottom". Например:
<div class="border-top border-bottom"></div>
В данном случае будет отображена горизонтальная линия с верхним и нижним бордюром, что создаст впечатление двух горизонтальных линий в разные стороны.
Кроме того, вы можете применить дополнительные классы Bootstrap для настройки внешнего вида линий, такие как изменение цвета, толщины, отступов и других свойств.
Таким образом, Bootstrap предоставляет простые и удобные способы создания горизонтальных линий, которые можно разместить в разные стороны с помощью классов "hr", "border-top" и "border-bottom", а также настроить их внешний вид с помощью других классов фреймворка.