Force bootstrap responsive image to be square

Answer 1

web-tiki answer almost worked for me, for bigger images I had to add this HTML and CSS to have them centered within the square:

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position:absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 

    

        title
3 x bekeken