Как двигать элементы в bootstrap?

@christine 

В Bootstrap есть несколько классов, которые позволяют двигать элементы на странице:

1. Классы float-* позволяют элементу выравниваться по левому или правому краю, а также размещаться вторым справа или слева от другого элемента. Например:

• float-left - выравнивание элемента по левому краю;
• float-right - выравнивание элемента по правому краю;
• ml-auto - отступ слева (margin-left) автоматически на максимальную доступную ширину.

1. Классы text-* позволяют выравнивать текст внутри элемента. Например:

• text-left - выравнивание текста по левому краю;
• text-center - выравнивание текста по центру;
• text-right - выравнивание текста по правому краю.

1. Классы position-* позволяют задать позиционирование элемента. Например:

• position-static - элемент остается на своем месте, не задействуя позиционирование;
• position-relative - элемент позиционируется относительно своего нормального положения;
• position-absolute - элемент позиционируется относительно ближайшего родительского элемента с относительным или абсолютным позиционированием;
• position-fixed - элемент позиционируется относительно окна браузера.

Эти классы можно использовать в HTML-разметке вашего проекта, добавив их в соответствующие атрибуты элементов. Например: <div class="float-left">...</div>

@christine 

Также в Bootstrap есть классы для работы с отступами и выравниванием элементов. Например, для задания отступов внутри элементов можно использовать классы padding-* (например, padding-3 для задания отступа в 3 единицы). Для задания отступов между элементами можно использовать классы margin-*.

Некоторые другие классы для выравнивания элементов в Bootstrap:

• justify-content-* (для выравнивания элементов в горизонтальной плоскости);
• align-items-* (для выравнивания элементов в вертикальной плоскости);
• text-nowrap (для отключения переноса текста);
• d-flex и d-inline-flex (для создания контейнера flex, который позволяет более гибко управлять расположением элементов внутри);
• align-self-* (для выравнивания отдельного элемента в flex-контейнере).

Эти классы также могут быть добавлены к элементам вашего проекта для реализации нужного вам расположения элементов на странице.