0

I am using Bootstrap v3.3.5 carousel for this web app, the images are fixed in dimensions (970x180), so I fixed the carousel dimensions as well.

However, when browsing this app from a smartphone, the images do not resize properly and only half of the image is visible.

Any suggestions here?

Jagger
  • 10,350
  • 9
  • 51
  • 93
neualex
  • 51
  • 11

1 Answers1

0

The problem is in the .carousel .item style. Remove the width: 970px; . Here you are setting a fixed width to image. Thats why it is not responsive.

I think the below code works for you. 

.carousel .item {
    height: 180px;
    /* width: 970px; */
}
Bino
  • 744
  • 15
  • 22
  • works, but images seems to be a little stretched out when browsing site from a smartphone, see here http://postimg.org/image/khm864ch5/ – neualex Oct 01 '15 at 01:12