Saltar al contenido

ejemplo de código de puntos de carrusel bootstrap

Este equipo redactor ha pasado mucho tiempo investigando la resolución a tus búsquedas, te ofrecemos la respuestas por eso nuestro deseo es resultarte de mucha ayuda.

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>

Si te ha sido útil nuestro post, sería de mucha ayuda si lo compartieras con otros programadores así nos ayudas a dar difusión a nuestra información.

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