小编nuc*_*cci的帖子

我想创建一个响应式图像网格,它总是在Bootstrap中平方.

到目前为止,我得到了这个:Jsfiddle Link

这部分强制元素始终被平方:

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

.frontpage_square img {
    position:absolute;
}

左边较大的方块和右边的九个小方块是正确的,但我无法弄清楚如何在整个高度上展开右边的九个方块.所以基本上他们应该采取左,更大的正方形的整个高度.