Сделать так, чтобы в Bootstrap 4-на мобильной версии 4-й элемент стал первым?

Для того чтобы в Bootstrap 4 элемент стал первым на мобильной версии, можно использовать классы order.

Классы order позволяют изменять порядок элементов на странице без изменения разметки. Для того чтобы переместить четвертый элемент на первое место, нужно задать ему класс order-first, а для первого элемента - класс order-last.

Пример кода чтобы сделать четвертый элемент первым на мобильной версии:

<div class="container">
  <div class="row">
    <div class="col order-1 order-md-4">Первый элемент</div>
    <div class="col">Второй элемент</div>
    <div class="col">Третий элемент</div>
    <div class="col order-4 order-md-1">Четвертый элемент</div>
  </div>
</div>

В приведенном коде мы настройли классы order для первого и четвертого элементов. На маленьких экранах (md и меньше) первый элемент будет иметь порядковый номер 4, а четвертый элемент - 1. Таким образом, они поменяются местами.

Убедитесь, что используете правильную сетку Bootstrap (классы row и col), чтобы компоненты корректно выравнивались в строке.

Используйте классы order в соответствии с вашими потребностями, чтобы определить порядок элементов на странице на различных экранах.