how to crop big image in bootstrap carousel


Tags: css,css3,twitter-bootstrap,twitter-bootstrap-3,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



Solution :

add overflow:hidden to the carousel class

.carousel {overflow:hidden}


    CSS Howto..

    how to align the content to center of page using css

    How to make this CSS to be in the middle?

    How to apply CSS class on current element using jQuery

    How to have the nav and footer more than 1000px?

    How to use custom CSS to change the distance between the header and top of the page/where the page starts? [closed]

    How to detect single letters and modify their look/css

    How to set columns 100% height within body using css

    How can I align my search button to the right?

    SF2 how to import css / js?

    How to add css files using PHP inside the tag?

    How to make text slide by only using css/html

    Dropdown not showing elements Bootstrap 3

    How To Slide One Image Out From Behind Another On Hover?

    How to stay on selected tab after refresh?

    How to align more than one DIVs which list of letters to the center

    How to add a background color to HTML option?

    How to assign margin to child div to not float out of the parent div?

    how to apply div on hover my table td

    jQuery - How to animate text simultaneously to color change transition

    How to override CSS? [closed]

    CSS div border shows up, but is transparent

    How do I disable Emmet's CSS Abbreviations in Sublime Text 2

    how to make list view of show type given below?

    How to fix a footer overlay on main in HTML

    How do I add a “popup” shadow to an HTML element

    CSS/JQuery: how to create submenu for table row that stays visible mousing from row onto menu?

    How to move the Google Chart's annotation to the top or anywhere with CSS?

    How to add a css class programmatically to a piece of code?

    CSS Background Color Not Showing

    gwt how to use setStyleName(String style, boolean add) - for a gwt standard widget