В Bootstrap 4, чтобы прописать свойство "order" и изменить порядок расположения элементов на странице, необходимо использовать класс "order-X", где "X" - это число от 1 до 12, определяющее порядковый номер элемента.
Прописывая класс "order-X" для элемента, вы указываете, в каком порядке он должен быть отображен относительно других элементов в контейнерном элементе.
Пример:
<div class="container">
<div class="row">
<div class="col-md-4 order-2">Элемент 1</div>
<div class="col-md-4 order-1">Элемент 2</div>
<div class="col-md-4 order-3">Элемент 3</div>
</div>
</div>
В этом примере, элементы располагаются внутри контейнера, который использует сетку Bootstrap. Элементы "Элемент 1", "Элемент 2" и "Элемент 3" разделены на 3 колонки с помощью класса "col-md-4". Однако, с помощью классов "order-1", "order-2" и "order-3" мы меняем их порядок отображения.
Элемент "Элемент 1" будет отображаться вторым, "Элемент 2" — первым, а "Элемент 3" — третьим.
По умолчанию, все элементы имеют значение order-0, что означает, что они будут отображаться в порядке, заданном их размещением в HTML-разметке.
Обратите внимание, что для применения классов "order-X" необходимо использовать сетку Bootstrap и подключить его файлы CSS и JavaScript в ваш проект.
Таким образом, прописывая классы "order-X", вы можете легко изменять порядок отображения элементов на странице, что делает Bootstrap 4 очень удобным инструментом для создания адаптивных и красивых макетов.