CODEWITHSUNDEEP
jquerycsstwitter-bootstrap
pcs
pcs

Reputation: 1854

Bootstrap full width slider issues

I m using bootstrap full width slider.

Here is my code:

 <header id="myCarousel" class="carousel slide">


        <!-- Wrapper for Slides -->
        <div class="carousel-inner">
            <div class="item active">
                <!-- Set the first background image using inline CSS below. -->
                <div class="fill" style="background-image:url('http://s2.postimg.org/oxfpuzbll/home_slider1.jpg');"></div>

            </div>
            <div class="item">
                <!-- Set the second background image using inline CSS below. -->
                <div class="fill" style="background-image:url('http://s2.postimg.org/qk0c2gy9l/home_slider2.jpg');"></div>
 >
            </div>
            <div class="item">
                <!-- Set the third background image using inline CSS below. -->
                <div class="fill" style="background-image:url('http://s2.postimg.org/4jjzlufll/home_slider3.jpg');"></div>

            </div>
        </div>

    </header>

Here is my JSFIDDLE

When move one slider after that it showed white space and then move next slider.

May i know, how can i remove the white space?

Thanks,

Upvotes: 0

Views: 126

Answers (1)

Santhucool
Santhucool

Reputation: 1706

Solved!! Check this fiddle

Just changed the jquery file's version. Carousel needed jQuery 1.9.1 or greater.

FIDDLE

Upvotes: 1

Related Questions