Skip to content

Esempio di lavoro di carosello bootstrap

Sentiti libero di condividere la nostra pagina e i nostri codici con i tuoi amici, aiutaci a far crescere la nostra community.

Esempio 1: carosello

<divid="carouselExampleControls"class="carousel slide"data-ride="carousel"><divclass="carousel-inner"><divclass="carousel-item active"><imgsrc="..."class="d-block w-100"alt="...">div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="...">div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="...">div>div><aclass="carousel-control-prev"href="#carouselExampleControls"role="button"data-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true">span><spanclass="sr-only">Previousspan>a><aclass="carousel-control-next"href="#carouselExampleControls"role="button"data-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="sr-only">Nextspan>a>div>

Esempio 2: carosello

//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;
}

Valutazioni e recensioni



Utilizzate il nostro motore di ricerca

Ricerca
Generic filters

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.