2
respostas

Classe carousel-control não aparece

Olá! Não sei o porquê, mas não consigo encontrar a classe carousel-control. O arquivo site.css está assim:

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

Por essa razão, não consigo retirar os sombreamentos laterais. Um abraço!

2 respostas

Olá, José Nilton

A classe carousel-control é definida nos css do próprio Bootstrap, e não no arquivo site.css.

Sobre retirar os sombreamentos laterais, nós mostramos como fazer isso mais adiante no curso.

Qualquer dúvida nos avise!

Abraços

Olá, Marcelo! Pelo que consta na aula, a regra que devemos colocar para retirar os sombreamentos laterais deve ser feita no arquivo site.css. Porém, quando tento digitar .left.carousel-control, o carousel-control não aparece nas sugestões do interlicense.