Я хочу создать сетку адаптивных изображений, которые всегда в квадрате в Bootstrap.

Пока я получил это:Jsfiddle Link

Эта часть заставляет элементы быть в квадрате все время:

.frontpage_square {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}

.frontpage_square img {
    position:absolute;
}

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