Saltar al contenido

ejemplo de galería de carrusel de bootstrap

Investigamos por diferentes foros y así traerte la solución para tu dilema, si continúas con alguna duda puedes dejarnos tu inquietud y contestamos sin falta.

Ejemplo 1: carrusel de arranque

<divid="carouselExampleIndicators"class="carousel slide"data-bs-ride="carousel"><divclass="carousel-indicators"><buttontype="button"data-bs-target="#carouselExampleIndicators"data-bs-slide-to="0"class="active"aria-current="true"aria-label="Slide 1">button><buttontype="button"data-bs-target="#carouselExampleIndicators"data-bs-slide-to="1"aria-label="Slide 2">button><buttontype="button"data-bs-target="#carouselExampleIndicators"data-bs-slide-to="2"aria-label="Slide 3">button>div><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><buttonclass="carousel-control-prev"type="button"data-bs-target="#carouselExampleIndicators"data-bs-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true">span><spanclass="visually-hidden">Previousspan>button><buttonclass="carousel-control-next"type="button"data-bs-target="#carouselExampleIndicators"data-bs-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="visually-hidden">Nextspan>button>div>

Ejemplo 2: bootstrap de carrusel

<divid="carouselExampleSlidesOnly"class="carousel slide"data-ride="carousel"><divclass="carousel-inner"><divclass="carousel-item active"><imgclass="d-block w-100"src="..."alt="First slide">div><divclass="carousel-item"><imgclass="d-block w-100"src="..."alt="Second slide">div><divclass="carousel-item"><imgclass="d-block w-100"src="..."alt="Third slide">div>div>div>

Finalizando este artículo puedes encontrar los comentarios de otros usuarios, tú asimismo eres capaz mostrar el tuyo si dominas el tema.

¡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 *