Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

how to crop big image in bootstrap carousel

how to crop big image in bootstrap carousel

Problem

how can I Crop image in Bootstrap Carousel if the resolution exceed the carousel size?

I've try using this CSS but it don't crop the image1 wich is a litle biger than image2 and image2.

.carousel{width:640px; height:360px;}

DEMO: jsbin.com/hux/1

I want the image1 to be croped like this:

enter image description here

DEMO: jsbin.com/hux/1

Problem courtesy of: Asme Just

Solution

add overflow:hidden to the carousel class

.carousel {overflow:hidden}

Solution courtesy of: partypete25

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

how to crop big image in bootstrap carousel

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×