Блоки в сетки одинаковой высоты по максимальному блоку Bootstrap

Опубликовано автором

Если блоки не одинаковой высоты в сетке bootstrap, то можно элементу с классом .row в котором блоки располагаются добавить класс .row-flex и присвоить стили:

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

Пример сетки:

<div class="items row row-flex">
	<div class="item col-xs-6 col-sm-6 col-md-2">
		<div class="title">
			<a href="/uslugi/vnedrenie-crm/vnedrenie-bitrix24/" class="dark-color">Внедрение Битрикс24</a>
		</div>
		<div class="image">
			<a href="/uslugi/vnedrenie-crm/vnedrenie-bitrix24/">
				<img src="/upload/iblock/1f2/1f2ad421ce089fc622cd0eff981fee93.png" alt="Внедрение Битрикс24" title="Внедрение Битрикс24" />
			</a>
		</div>
	</div>
	<div class="item col-xs-6 col-sm-6 col-md-2">
		<div class="title">
			<a href="/uslugi/vnedrenie-crm/vnedrenie-amocrm/" class="dark-color">Внедрение AmoCRM</a>
		</div>
		<div class="image">
			<a href="/uslugi/vnedrenie-crm/vnedrenie-amocrm/">
				<img src="/upload/iblock/9ce/9ceb1d5898b7b0a6e4e750e22fd6dfe4.png" alt="Внедрение AmoCRM" title="Внедрение AmoCRM" />
			</a>
		</div>
	</div>
	<div class="item col-xs-6 col-sm-6 col-md-2">
		<div class="title">
			<a href="/uslugi/vnedrenie-crm/vnedrenie-yclients/" class="dark-color">Внедрение YCLIENTS</a>
		</div>
		<div class="image">
			<a href="/uslugi/vnedrenie-crm/vnedrenie-yclients/">
				<img src="/upload/iblock/dbc/dbcaa0c8230f37986b1afadb05d37826.png" alt="Внедрение YCLIENTS" title="Внедрение YCLIENTS" />
			</a>
		</div>
	</div>
	<div class="item col-xs-6 col-sm-6 col-md-2">
		<div class="title">
			<a href="/uslugi/vnedrenie-crm/crm-dlya-uchebnogo-tsentra/" class="dark-color">CRM для учебного центра</a>
		</div>
		<div class="image">
			<a href="/uslugi/vnedrenie-crm/crm-dlya-uchebnogo-tsentra/">
				<img src="/upload/iblock/43a/43acbd5e34eec45068768cabd1b9f766.png" alt="CRM для учебного центра" title="CRM для учебного центра" />
			</a>
		</div>
	</div>
	<div class="item col-xs-6 col-sm-6 col-md-2">
		<div class="title">
			<a href="/uslugi/vnedrenie-crm/obuchenie-crm/" class="dark-color">Обучение CRM</a>
		</div>
		<div class="image">
			<a href="/uslugi/vnedrenie-crm/obuchenie-crm/">
				<img src="/upload/iblock/b94/b94fbdb0caea837fbd66bacd5a54f583.png" alt="Обучение CRM" title="Обучение CRM" />
			</a>
		</div>
	</div>
</div>