<a href="#" class="thumbnail">
title<br/>3 x bekeken
<img src="" class="img img-responsive full-width" />
padding-bottom:100%; overflow:hidden; position:relative
position the image absolutely inside that container.
Nice its working, could you explain what the css (padding-bottom:100%) is for and i will check as answer
Padding top/bottom (like margin top/bottom) is calculated according to the width of parent element.As the .image div has the same width as its parent, setting padding-bottom:100%; give it the same height as its width so it is square (its content needs to be absolutely positioned or floated so it doesn't change the parent's size).
You can do this :