CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
Sathish Manohar
Sathish Manohar

Reputation: 6119

What should be the size of images for the bootstrap responsive image columns?

I want to have 3 image only columns, lets say three class="col-lg-4" I'm aware of class="img-responsive"

How do I pick the size of the images I should use? How do I do the same if I have 4 col-lg-3

Thanks.

Upvotes: 2

Views: 1261

Answers (1)

JP Lew
JP Lew

Reputation: 4459

What I do in this case is use holder.js to measure the image widths for me: http://imsky.github.io/holder/

Then inside your columns insert fluid placeholders like this:

<img data-src="holder.js/100%x75/social">

When you load this in your browser it will tell you how wide each image needs to be.

** UPDATE (June 2016) **

here is the updated syntax:

<img data-src="holder.js/100px380" class="img-responsive">

Upvotes: 5

Related Questions