Carousel in any size and responsive

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Phil Ewels

    (@tallphil)

    12 years, 1 month ago

    Hi Julio,

    There is an example of a full-width carousel on the Bootstrap website: http://getbootstrap.com/examples/carousel/

    Cheers,

    Phil

    Thread Starter julinho.sf

    (@julinhosf)

    12 years, 1 month ago

    Hi Phil,

    I did not express myself well. I mean that I want a carousel with width: 300px, not full size. And I want it responsive. Is it possible to do it?.

    Thanks again,
    Julio

    Plugin Author Phil Ewels

    (@tallphil)

    12 years, 1 month ago

    Hi Julio,

    Apologies, I misread your original post. The carousel should resize itself to be within whatever object you put it in. By default, it is put within a layer with the class .carousel, so you can use the following CSS to make it 300px wide (untested):

    .carousel {
    width: 300px;
}

    To make it responsive, you can use responsive CSS:

    @media (min-width: 500px) {
  .carousel {
     width:600px;
  }
}

    Phil

    Thread Starter julinho.sf

    (@julinhosf)

    12 years, 1 month ago

    Thanks a lot!!, it works perfectly!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Carousel in any size and responsive’ is closed to new replies.

Tags