css - Owl Carousel Auto Width with margin not working -

css - Owl Carousel Auto Width with margin not working -

i have fixed height on images , need maintain image in proportion screen width gets smaller.

#owl-demo .item img { display: block; width: auto; height: 300px }

this works fine until need set margin in between images.

#owl-demo .item { margin:0 10px 0 10px; }

the margin won't show , images side side still. margin show if set width: 100%

#owl-demo .item img { display: block; width: 100%; height: 300px }

but image no longer in proportion.

i tried owl's own demo , case. if inspect 1 of images , alter code @ top width: auto see margin no longer works. need remove max-width: 100% img tag bootstrap also.

http://owlgraphic.com/owlcarousel/demos/images.html

looks you're using version 1.3.x

try upgrading version 2 , you'll fine.

css owl-carousel