Для размещения элемента в середине экрана при использовании Bootstrap, вы можете использовать классы d-flex, justify-content-center и align-items-center.
Первым шагом я рекомендую создать контейнер, в котором будет располагаться ваш элемент.
Примерно так:
<div class="container">
<div class="d-flex justify-content-center align-items-center">
<!-- Ваш элемент -->
</div>
</div>
Теперь ваш элемент будет выровнен по середине вертикали и горизонтали внутри контейнера.
Также вы можете использовать класс mx-auto, чтобы автоматически центрировать контейнер по горизонтали без добавления дополнительных стилей для выравнивания по горизонтали:
<div class="container">
<div class="d-flex justify-content-center align-items-center mx-auto">
<!-- Ваш элемент -->
</div>
</div>
Если вы хотите выровнять только по одной оси (вертикаль или горизонталь), вы можете использовать только класс justify-content-center или align-items-center соответственно.
Убедитесь, что вы подключили файлы Bootstrap CSS к своей странице перед использованием этих классов. Обратите внимание, что некоторые классы могут отличаться в зависимости от версии Bootstrap, которую вы используете.