data-ride = ejemplo de código de carrusel

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: carrusel de arranque

<divid="carousel-example-generic"class="carousel slide"data-ride="carousel"><olclass="carousel-indicators"><lidata-target="#carousel-example-generic"data-slide-to="0"class="active">li><lidata-target="#carousel-example-generic"data-slide-to="1">li><lidata-target="#carousel-example-generic"data-slide-to="2">li>ol><divclass="carousel-inner"role="listbox"><divclass="item active"><imgsrc="..."alt="..."><divclass="carousel-caption">
        ...
      div>div><divclass="item"><imgsrc="..."alt="..."><divclass="carousel-caption">
        ...
      div>div>
    ...
  div><aclass="left carousel-control"href="#carousel-example-generic"role="button"data-slide="prev"><spanclass="glyphicon glyphicon-chevron-left"aria-hidden="true">span><spanclass="sr-only">Previousspan>a><aclass="right carousel-control"href="#carousel-example-generic"role="button"data-slide="next"><spanclass="glyphicon glyphicon-chevron-right"aria-hidden="true">span><spanclass="sr-only">Nextspan>a>div>

Acuérdate de que te brindamos la opción de añadir una estimación certera .

---

---

Utiliza Nuestro Buscador