user3365549
user3365549

Reputation: 1

Resize Image with browser display

I am creating a website I am using carousel bootstrap, the website is mobile friendly, however the only problem I have got is that the slider images do not shrink with the image, so it ends up making them look stretched out. I have tried max-width and max-height 100% but it does not work any advise?

If you resize your browser you will get what I mean, the header height does not shrink.

This is an example of the index page:

http://pastebin.ca/2648252

This is my css

http://pastebin.ca/2648251

Code was too long to post here, Can be seen on there no download required.

Thanks.

Upvotes: 0

Views: 393

Answers (1)

Carol Skelly
Carol Skelly

Reputation: 362880

Try adding the img-responsive class to the carousel images..

<img src="/images/logo-1.jpg" class="img-responsive">

http://www.bootply.com/117666

Upvotes: 1

Related Questions