В Bootstrap класс «position-relative» используется для установки положения элемента относительно его нормального положения. Он позволяет позиционировать элемент по координатам или относительно других элементов на странице.

Вот несколько методов, которые вы можете использовать с классом «position-relative» в Bootstrap:

1. Основное использование: чтобы применить к элементу класс «position-relative», просто добавьте класс в HTML-разметку элемента.

<div class="position-relative">
  <!-- Content goes here -->
</div>

1. Позиционирование на основе координат. Вы можете расположить элемент, используя свойства CSS, такие как «сверху», «справа», «снизу» и «слева», чтобы указать расстояние от его нормального положения.

<div class="position-relative" >
  <!-- Content goes here -->
</div>

3. Z-index: вы также можете управлять порядком наложения элементов, используя свойство «z-index». Элементы с более высоким значением “z-index” будут отображаться перед элементами с более низким значением.

<div class="position-relative" >
  <!-- Content goes here -->
</div>

Это всего лишь несколько примеров того, как вы можете использовать класс «position-relative» в Bootstrap для позиционирования элементов на вашей веб-странице.