Ничего в хроме не ровно. У вас никаких шагов не предпринято по поводу выравнивания данных блоков.
Вот в чём причина, блоки 1, 2 и 3 разной высоты:
Надо или делать блоки одинаковой высоты.
Или решать это стилями. Например, как сделано в дефолтной теме:
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(4n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear:left;
}
}
А ещё у вас левые элементы в BS сетке, которые не являются элементами этой сетки: