Saltar al contenido

cómo cambiar el color de los indicadores del carrusel ejemplo de código de arranque

Anduvimos indagado por todo el mundo on line para tenerte la respuesta para tu problema, si tienes alguna duda deja la duda y te respondemos porque estamos para servirte.

Ejemplo: carrusel de arranque como fondo

//Author:Mohammad Arman Khan
//BOOTSTYRAP CAROUSEL(SLIDER_LOCALLY KNOWN)
<divid="carouselExampleIndicators"class="carousel slide"data-ride="carousel"><olclass="carousel-indicators"><lidata-target="#carouselExampleIndicators"data-slide-to="0"class="active">li><lidata-target="#carouselExampleIndicators"data-slide-to="1">li><lidata-target="#carouselExampleIndicators"data-slide-to="2">li>ol><divclass="carousel-inner"role="listbox"><divclass="carousel-item active"style="background-image:url('https://www.bonfiglioli.com/india/images/Asphalt/image-thumb__38736__slider/istock-466386521.jpeg')"><divclass=" col-md-6 divleft-top"><pclass="text-CSS">
                    Solutions for the Asphalt Industry p>div>div><divclass="carousel-item"style="background-image:url('https://www.bonfiglioli.com/india/images/Asphalt/image-thumb__38736__slider/istock-466386521.jpeg')"><divclass="col-md-6 divleft-top"><pclass="text-CSS">
                    Solutions for the Asphalt Industry p>div>div><divclass="carousel-item"style="background-image:url('https://www.bonfiglioli.com/india/images/Asphalt/image-thumb__38736__slider/istock-466386521.jpeg')"><divclass="col-md-6 divleft-top"><pclass="text-CSS">
                    Solutions for the Asphalt Industry p>div>div>div><aclass="carousel-control-prev"href="#carouselExampleIndicators"role="button"data-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true">span><spanclass="sr-only">Previousspan>a><aclass="carousel-control-next"href="#carouselExampleIndicators"role="button"data-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="sr-only">Nextspan>a>div>


//CSS
.carousel-item 
height: 100vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

//optional css
.text-CSS 
    font-size: 55px;
    color: #003861!important;
    padding-top: 240px;
    padding-left: 110px;

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *