Bootstrap Carousel Interval On Each Slide Working After 2 Slides Not On First And Second Slide

As you can see that here on first two slides the interval attribute doesnt work or maybe it's taking the first one for the second. i want to set different interval between first an

Solution 1:

I think you should change the value of first child from 1000 to 5000.

From

 <div class="carousel-inner" role="listbox">
                        <div class="item active"  data-interval="1000">

To

 <div class="carousel-inner" role="listbox">
                        <div class="item active"  data-interval="5000">