hot to create slider with 2 handles in bootstrap code example

Example 1: 3 images slider at 1 time bootstrap\

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%)
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

Example 2: bootstrap range slider with 2 handles

No, the HTML5 range input only accepts one input. I would recommend you to use 
something like the jQuery UI range slider for that task.