Зачем в bootstrape у .col имеется position: relative?

Question

[Вазген Алексанян]

Я бы с удовольствием спрашивал это у них, если бы знал как.
о чем они думали вообще когда написали это свойство для .col

Answer 1

[Сергей delphinpro]

С третьей версии тянется. Там он нужен для работы смещения столбиков

// Generate the extra small columns
.make-xs-column(@columns; @gutter: @grid-gutter-width) {
  position: relative;
  ...
}
.make-xs-column-push(@columns) {
  left: percentage((@columns / @grid-columns));
}
.make-xs-column-pull(@columns) {
  right: percentage((@columns / @grid-columns));
}

Для push и pull использованы свойства left/right, для которых необходимо относительное позиционирование.

В четверке в альфа-версиях была возможность переключать тип сетки между флексами и флоатами, там тоже relative был нужен.
https://github.com/twbs/bootstrap/blob/v4.0.0-alph...

А в последних версиях бутстрапа уже используется только флекс, но это свойство было оставлено из соображений совместимости — кто-то в своих проектах мог полагаться на него.

Вообще, конечно, сейчас оно уже не нужно. Я бы на месте разработчиков убрал его и добавил примечание в инструкцию по миграции/обновлению.

Comments

[Вазген Алексанян]

спасибо. дал четкое обяснение

Answer 2

[iBird Rose]

уже обсуждали где-то. это просто ошибка верстальщика, которая по сей день не исправлена.
https://github.com/twbs/bootstrap/pull/25255