Quiero crear una cuadrícula de imágenes receptivas que siempre estén al cuadrado en Bootstrap.

Hasta ahora tengo esto:Jsfiddle Link

Esta parte obliga a los elementos a estar al cuadrado todo el tiempo:

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

.frontpage_square img {
    position:absolute;
}

El cuadrado más grande a la izquierda y los nueve más pequeños a la derecha son correctos, pero no puedo entender cómo puedo extender los nueve cuadrados a la derecha en toda la altura. Entonces, básicamente, deberían tomar toda la altura de la izquierda, un cuadrado más grande.