Carousel. Bootstrap-3.3.4

[floatingpenguin]

How can I set a minimum and maximum image size when the carousel is displayed in a big monitor or a small smartphone?

The default setting deform the image to 100%, it doesn't matter how big or small it is.

Thank you :D

[jeffikus]

Hi there

You can apply CSS to the container divs to limit the height and width. I'm not sure of the context that you mention, but you can even use min-width and max-width etc (and the sam for height)

If you are using % based widths and heights I'm assuming you are catering for responsive design, however you could even use media queries to handle specific breakpoints.

Let me know if that doesn't make sense to you!

[floatingpenguin]

Can I send you a private message?

[jeffikus]

@floatingpenguin this is the best place for us to communicate, unless it is a private project that you aren't allowed to link to because of something like an NDA.

[floatingpenguin]

Hello Jeffrey,

I managed to fix the img to a max-width and min-width and the image doesn't
shrink any more

bootstrap.min.css

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail
a>img,.thumbnail>img{display:block;max-width:1920;height:auto;
min-width:320}

I still have a few problems to solve:

• The image stretches in a 27 inch monitor. It should be displayed up to
  its size 1920px.
• How could I place the carousel just after the navbar without extra
  space?
• I would prefer the image centred on the carousel rather than starting
  the display from the left hand side.

Thank you for your time Jeffrey, it's much appreciated.

Regards,
IS