CODEWITHSUNDEEP
twitter-bootstrapthumbnails
user3837245
user3837245

Reputation: 99

(Bootstrap) Square thumbnail size

I have some problem with thumbnail grid ( I use bootstrap).

Screenshoot:

https://i.sstatic.net/YaqB5.jpg

My website: http://beta.otaku.vn

Look thumnail. When my image is not square, thumnail list will be broken. I try to make it square but no effect. View my website source to more detail.

Upvotes: 1

Views: 753

Answers (1)

Wilf
Wilf

Reputation: 2315

This is because your images are not the same size. The solution is

  1. upload them with the same dimension or
  2. use CSS.

Using css will solve your problem right away but the look of your images will be distort. You can try if you want to. Add these lines between your 

.image img{
max-height:196px
max-width:196px;
}

Hope this help. (untested)

Upvotes: 1

Related Questions