Why isn't my carousel sliding?

[xaznbabyx]

<section class="row">
	<!-- carousel -->
        <div id="carousel" class="carousel slide" data-ride="carousel">
            <!-- Menu -->
            <ol class="carousel-indicators">
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
                <li data-target="#carousel" data-slide-to="1"></li>
                <li data-target="#carousel" data-slide-to="2"></li>
            </ol>
    
            <!-- Items -->
            <div class="carousel-inner">
        
                <div class="item active">
                    <img src="http://lorempixel.com/1500/600/abstract/1" alt="Slide 1" />
                </div>
                <div class="item">
                    <img src="http://lorempixel.com/1500/600/abstract/2" alt="Slide 2" />
                </div>
                <div class="item">
                    <img src="http://lorempixel.com/1500/600/abstract/3" alt="Slide 3" />
                </div>
            </div> 
                <a href="#carousel" class="left carousel-control" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a href="#carousel" class="right carousel-control" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
<!-- end carousel -->
</section>

/* bs carousel overrides */
.carousel-control {
    position: absolute;
    top: 40%;
    left: 20px;
    height: 40px;
    width: 40px;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: none repeat scroll 0 0 rgba(15, 15, 15, 0.16);
    z-index: 10;
}

.carousel-caption {
    right: auto;
    left: 10%;
    bottom: 200px;
    margin-right: 15px;
}

.carousel-inner>.item>img {
    max-width: none;
}

[Gandalf]

Hi there @xaznbabyx - welcome to the forums.

Is this a jQuery carousel? Have you got jQuery loaded?

[xaznbabyx]

I didn’t use jquery, just simple css. But i switched to owl carousel and it seems to work but it seems to be adding some weird white space/gap on the right side. the image is blown up too, but I figured out how to to make it smaller.

Why is the owl carousel creating a white space/gap?

Right now the carousel image is expanded full width and is responsive, but it’s too big. How do I adjust the size to make it smaller? I am using owl carousel. There is an awkward white gap after adding in the carousel, on the right size. The horizontal scrollbar appears where as before without the carousel, there was no horizontal scrollbar and the width of the image expanded full width without having to use the horizontal scrollbar. What is wrong with my code? Sorry I can’t upload the site bec…

[PaulOB]

@xaznbabyx

But i switched to owl carousel and it seems to work but it seems to be adding some weird white space/gap on the right side. the image is blown up too, but I figured out how to to make it smaller.

I answered that in your other thread