Bootstrap предоставляет простой и удобный способ настройки положения тултипа. Для сдвига тултипа влево или вправо, вам потребуется использовать классы data-placement или data-bs-placement в HTML-элементе, на котором отображается тултип.
1. Для сдвига тултипа влево использовать значение left. Пример:
<button data-bs-toggle="tooltip" title="Tooltip Text" data-bs-placement="left">Button</button>
2. Для сдвига тултипа вправо использовать значение right. Пример:
<button data-bs-toggle="tooltip" title="Tooltip Text" data-bs-placement="right">Button</button>
Установка значения left или right в атрибуте data-bs-placement позволяет сдвинуть тултип влево или вправо соответственно. По умолчанию, без указания значения в атрибуте data-bs-placement, тултип отображается над HTML-элементом.
Также можно добавить дополнительные классы для дальнейшей настройки положения тултипа. Например, вы можете использовать класс popper-tooltip-*, где * - это положение тултипа (left, right, top, bottom). Пример:
<button data-bs-toggle="tooltip" title="Tooltip Text" data-bs-placement="left" class="popper-tooltip-left">Button</button>
Это позволит изменить отступы и размеры тултипа, чтобы достичь желаемого положения.
Если вы используете Bootstrap в своем проекте, убедитесь, что у вас подключена библиотека Popper.js, так как именно она отвечает за позиционирование тултипов.