Search This Blog

Friday, February 10, 2017

I Do Not Want My Bootstrap 3 Carousel Gallery To Slide In And Out

The beauty of Bootstrap Carousel is that it enables you to create gallery with slider viewer. If you do not want the content of the gallery to slide during transition, all you need to do is to remove the word slide from the class attribute of the Carousel container.

The Carousel Container is the first set of code that holds the ID element of the Bootstrap Carousel, the data-ride and other styling properties. It usually looks like this:
<!-- Carousel container -->
<div id="myCarousel" class="carousel slide" data-ride="carousel" >

So when you remove slide from the class property which I mark with red, then your Bootstrap 3 Carousel will not slide in and out again, it will just change.

Also Read:
Team +Pinfoltd 



Search This Blog