Bootstrap 4 Одинаковая высота col как отменить у одной из колонок?

Question

[MaximMRX]

Доброго времени суток! Есть две колонки, col-6 вторая растягивается на высоту первой т.к в ней контента больше. Как отключить так что бы моя вторая колонка не растягивалась на высоту первой колонки?
сейчас реализовал через height: fit-content; не будет ли последствий при адаптировании? и правильно ли так делать?

Answer 1

[Dima Polos]

Насколько я помню, бут 4 это флексы, поэтому пропишите родителю этих колонок align-items: flex-start;
Или : center, baseline, flex-end на свой вкус.

Comments

[Dima Polos]

center - разместит эти колонки по центру по высоте, относительно самой большой по контенту колонке.
baseline - разместит колонки по уровню текстовой строки, так что текстовые узлы будут вровень по одной линии, короче лучше примеры гляньте, на словах сложно описать.
flex-end(start) - при end прижмутся к низу, или точнее сказать к концу вспомогательной оси, а в случае со start к верху, а точнее к началу вспомогательной оси. Если поменять направление главной, то начало и конец будет слева направо, и то если не reverse.

[MaximMRX]

Dima Polos, Отлично, для row указал align-items: flex-start; И результат то что нужно. Блок перестал растягиваться. Да перешёл на Boot4, до сих пор к флексам не могу привыкнуть, но я только рад, единственное что напрягает после float до сих пор не могу привыкнуть к поведению блоков. Спасибо добрый человек :)

[Dima Polos]

MaximMRX, да, флексы подучить стоит, теперь с ними проще, чем с флоатами, но первое знакомство с ними немного мозг выносит)

Answer 2

[vitaly_74]

вот тут очень подробно расписано про flexbox, пропишите свой класс, и уже в нем перепешите flex html5.by/blog/flexbox