Bootstrap carrousel can not find my image

0

Hello friends I do not know why my bootstrap carrousel does not include my images, in the developer tools I can see that I am referencing the images well if they arrive, but it does not show them to me, could someone tell me if I'm doing something wrong ??

<div class="col-sm-3 centro carrusel-margen">

                        <!-- <img class="img-fluid" src="images/no-img.jpg"> -->

                    <div id="carrusel-mailings" class="carousel slide tam-carrusel" data-ride="carousel" data-interval="false">
                        <ol class="carousel-indicators">
                            <li data-target="#carrusel-mailings" data-slide-to="0" class="active"></li>
                            <li data-target="#carrusel-mailings" data-slide-to="1" class=""></li>
                            <li data-target="#carrusel-mailings" data-slide-to="2" class=""></li>
                            <li data-target="#carrusel-mailings" data-slide-to="3" class=""></li>
        <!--                    

                            <li data-target="#carrusel-mailings" data-slide-to="3" class=""></li>
                            <li data-target="#carrusel-mailings" data-slide-to="4" class=""></li>
                            <li data-target="#carrusel-mailings" data-slide-to="5" class=""></li> -->
                        </ol>
                        <div class="carousel-inner">

                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-2-noviembre.jpg?v=21">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-3-noviembre.jpg?v=22">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-4-noviembre.jpg?v=23">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-1.jpg?v=24">
                            </div>



    <!--                        
                            <div class="carousel-item active">
                                <img class="d-block img-fluid" src="images/view-mailing-1.jpg?v=22">
                            </div>
                                <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-3.jpg?v=23">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-5.jpg?v=22">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-6.jpg?v=22">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-7.jpg?v=22">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block img-fluid" src="images/view-mailing-8.jpg?v=22">
                            </div> -->
                        </div>

                        <a class="carousel-control-prev" href="#carrusel-mailings" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carrusel-mailings" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div> 

                </div>

    
asked by E.Rawrdríguez.Ophanim 16.11.2018 в 19:51
source

1 answer

0

Ok that's it, always the first element must have the active class next to carousel-item, otherwise bootstrap can not start the carousel.

 <div class="carousel-item active"> <!--Aquì me faltaba el active-->
 <img class="d-block img-fluid" src="images/view-mailing-2-noviembre.jpg?v=21">
 </div>
    
answered by 16.11.2018 / 20:17
source