Для того чтобы сделать блоки последовательно в Bootstrap, можно использовать систему сеток и классы управления порядком. Блоки в Bootstrap могут быть организованы внутри контейнера с помощью классов "row" и "col-*", где "*" - это число от 1 до 12, указывающее количество колонок, которое должна занимать блок.
Если вам нужно, чтобы блоки были последовательно, то это можно достичь с помощью класса "order-*", где "*" - это число от 1 до 12, указывающее порядковый номер блока. Например, если вы хотите, чтобы первый блок шел первым, а второй блок - вторым, вы можете присвоить класс "order-1" первому блоку и "order-2" второму блоку.
Пример кода:
<div class="container">
<div class="row">
<div class="col-6 order-1">Первый блок</div>
<div class="col-6 order-2">Второй блок</div>
</div>
</div>
В этом примере мы использовали классы "col-6" для указания ширины каждого блока на половину контейнера. Класс "order-1" был присвоен первому блоку, чтобы он шел первым, а класс "order-2" - второму блоку, чтобы он следовал после первого блока.
Таким образом, блоки будут располагаться в указанном порядке, и вы можете легко изменять их последовательность, просто меняя значения классов "order-*".