How to make 3 slides in bootstrap carousel?

Question

Bootstrap

How to make it show not one slide, but 3?

<div id="myCarousel" class="carousel slide" data-ride="carousel">

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="img/source/img_3898.png" alt="Chania">
          </div>

          <div class="item">
            <img src="img/source/img_3898.png" alt="Chania">
          </div>

          <div class="item">
            <img src="img/source/img_3898.png" alt="Flower">
          </div>

          <div class="item">
            <img src="img/source/img_3898.png" alt="Flower">
          </div>
        </div>

        <!-- Left and right controls -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

Answer 1

I recently solved a similar issue.
I never did it on the bootstrap, but I can recommend a good contraption for such things.
(there are many demo examples, I think you will figure it out)