В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS. Адаптивные блоки одинаковой высоты на Bootstrap. Допустим вы создали сетку в два ряда, и теперь добавив содержимое одного блока мы заметили что соседний блок пустой и уже другого, это не красиво и не симметрично. Давайте исправим это, используя только CSS. Стандартная сетка Bootstrap, выглядит примерно так: <div class="row"> <div class="col-md-6">1 блок</div> <div class="col-md-6">2 блок</div> </div> Для того чтобы эти два блока были одинаковой высоты, вписываем CSS: ...

При верстке списка товаров (у интернет-магазинов или каталогов) или списка статей (у блогов), появляется необходимость выровнять высоту блоков карточек товаров или статей. В общем случае можно обойтись свойствами CSS, но в некоторых случаях приходиться динамически рассчитывать максимальную высоту, так как заранее неизвестно высота части карточки, например, из-за длинного имени товара или статьи. Можно обойтись частью имени, а не помещающуюся часть скрыть, но что, если хочется вывести все имя. Для этого воспользуемся следующим скриптом: $...