Saltar al contenido

ejemplo de código de control deslizante de datos bootstrap 5

Basta ya de investigar por todo internet ya que has llegado al lugar perfecto, poseemos la solución que quieres sin complicaciones.

Ejemplo 1: control deslizante bootstrap 5

<divid="carouselExampleCaptions"class="carousel slide"data-bs-ride="carousel"><divclass="carousel-indicators"><buttontype="button"data-bs-target="#carouselExampleCaptions"data-bs-slide-to="0"class="active"aria-current="true"aria-label="Slide 1">button><buttontype="button"data-bs-target="#carouselExampleCaptions"data-bs-slide-to="1"aria-label="Slide 2">button><buttontype="button"data-bs-target="#carouselExampleCaptions"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="..."><divclass="carousel-caption d-none d-md-block"><h5>First slide labelh5><p>Some representative placeholder content for the first slide.p>div>div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="..."><divclass="carousel-caption d-none d-md-block"><h5>Second slide labelh5><p>Some representative placeholder content for the second slide.p>div>div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="..."><divclass="carousel-caption d-none d-md-block"><h5>Third slide labelh5><p>Some representative placeholder content for the third slide.p>div>div>div><buttonclass="carousel-control-prev"type="button"data-bs-target="#carouselExampleCaptions"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="#carouselExampleCaptions"data-bs-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="visually-hidden">Nextspan>button>div>

Ejemplo 2: control deslizante de rango de arranque

<labelfor="customRange3"class="form-label">Example rangelabel><inputtype="range"class="form-range"min="0"max="5"step="0.5"id="customRange3">

Comentarios y valoraciones

Si te mola la idea, tienes la libertad de dejar un post acerca de qué te ha parecido este ensayo.

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