1
resposta

Meu carrosel fica diferente

Notei que quando pressiono o F12 no browser o meu carrosel fica com o layout diferente. Segue cógidos referentes ao carrosel.

    <h2 class="container titulo-depoimentos">Depoimentos de Clientes</h2>


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

        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner" role="listbox">

        <figure class="item active">
            <img src="bootstrapAlura\assets\img\depoimentos\depoimento1.png" alt="Depoimento 1">
            <figcaption class="carousel-caption">
                <h3>Pedro Vitor</h3>
                <p>Gostei muito e achei rápido o serviço.</p>
            </figcaption>
        </figure>

        <figure class="item">
            <img src="bootstrapAlura\assets\img\depoimentos\depoimento2.png" alt="Depoimento 2">
            <figcaption class="carousel-caption">
                <h3>Vinicius Vitor</h3>
                <p>Superou minhas espectativas.</p>
            </figcaption>
        </figure>

        <figure class="item">
            <img src="bootstrapAlura\assets\img\depoimentos\depoimento3.png">
            <figcaption class="carousel-caption">
                <h3>Rogério Vitor</h3>
                <p>Gostei, competência em primeiro lugar.</p>
            </figcaption>
        </figure>

        </div>

        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>
1 resposta

Oi, Pedro, tudo bem?

Eu testei e não tive um comportamento diferente, fiz o teste: https://imgur.com/a/aTkhsjT

Eu utilizei o projeto final do curso para fazer esse teste. Nas últimas aulas serão feitos os ajustes para tela responsiva. Mas qual o comportamento que você está tendo aí?