Carousel in bootstrap

Question

Carousel in bootstrap

Navigation

#1 by (1 votes)

0

Someone can tell me what the carousel fails to visualize well, but it does not change to the next slider in the indicator.

<!-- TESTIMONIALS -->
    <section class="testimonial">

        <div class="testimonial-overlay">

            <div class="container">

                <div class="row">

                    <div class="col-md-12">

                        <div id="carousel-testimonial" class="carousel slide" data-ride="carousel">

                            <!-- INDICADORES -->
                            <ol class="carousel-indicators">

                                <li data-target="#carousel-testimonial" data-slide-to="0" class="active"></li>

                                <li data-target="#carousel-testimonial" data-slide-to="1"></li>

                                <li data-target="#carousel-testimonial" data-slide-to="2"></li>

                            </ol>

                            <!--WRAPPER for SLIDES -->
                            <div class="carousel-inner">

                                <!-- ITEM 1 -->
                                <div class="item active text-center">

                                    <img src="images/client-01.jpg" alt="testimonial" class="center-block">

                                    <div class="testimonial-caption">

                                        <h2>Daniel</h2>

                                        <h4><span>Sr. Software Engineer, </span>Blue Gyms</h4>

                                        <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</p>

                                    </div>

                                </div>

                                <!-- ITEM 2 -->
                                <div class="item text-center">

                                    <img src="images/client-02.jpg" alt="testimonial" class="center-block">

                                    <div class="testimonial-caption">

                                        <h2>Raul Pole</h2>

                                        <h4><span>Marketing Manager,</span> Risko</h4>

                                        <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</p>

                                    </div>

                                </div>

                                <!-- ITEM 3 -->
                                <div class="item text-center">

                                    <img src="images/client-03.jpg" alt="testimonial" class="center-block">

                                    <div class="testimonial-caption">

                                        <h2>Jim So</h2>

                                        <h4><span>Assistan Manager,</span> Gidfo</h4>

                                        <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</p>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

bootstrap bootstrap-4 bootstrap-carousel bootstrap-3

asked by Caldeiro 28.11.2018 в 09:36

source

1 answer

Access an element of an XML that is not the one of the activity_main Insert name, not value of a select to my BD

score 1 · Accepted Answer

I copied your code as it is and I added the libraries and it works well for me. The arrows do not come out of the slider but it does change.

The error could be that you need to import css or js .

I leave the result.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- TESTIMONIALS -->
    <section class="testimonial">

        <div class="testimonial-overlay">

            <div class="container">

                <div class="row">

                    <div class="col-md-12">

                        <div id="carousel-testimonial" class="carousel slide" data-ride="carousel">

                            <!-- INDICADORES -->
                            <ol class="carousel-indicators">

                                <li data-target="#carousel-testimonial" data-slide-to="0" class="active"></li>

                                <li data-target="#carousel-testimonial" data-slide-to="1"></li>

                                <li data-target="#carousel-testimonial" data-slide-to="2"></li>

                            </ol>

                            <!--WRAPPER for SLIDES -->
                            <div class="carousel-inner">

                                <!-- ITEM 1 -->
                                <div class="item active text-center">

                                    <img src="images/client-01.jpg" alt="testimonial" class="center-block">

                                    <div class="testimonial-caption">

                                        <h2>Daniel</h2>

                                        <h4><span>Sr. Software Engineer, </span>Blue Gyms</h4>

                                        <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</p>

                                    </div>

                                </div>

                                <!-- ITEM 2 -->
                                <div class="item text-center">

                                    <img src="images/client-02.jpg" alt="testimonial" class="center-block">

                                    <div class="testimonial-caption">

                                        <h2>Raul Pole</h2>

                                        <h4><span>Marketing Manager,</span> Risko</h4>

                                        <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</p>

                                    </div>

                                </div>

                                <!-- ITEM 3 -->
                                <div class="item text-center">

                                    <img src="images/client-03.jpg" alt="testimonial" class="center-block">

                                    <div class="testimonial-caption">

                                        <h2>Jim So</h2>

                                        <h4><span>Assistan Manager,</span> Gidfo</h4>

                                        <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</p>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>