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

Пользователь

от christine , в категории: HTML/CSS , месяц назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от francisco.friesen , месяц назад

@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>