<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="http://www.maich.gr/page_images/1/for_front_page_chania-1.jpg" alt="Chania">
    </div>

    <div class="item">
      <img src="http://upload.wikimedia.org/wikipedia/commons/a/a1/Cesis_Burgruine1.jpg" alt="Chania">
    </div>

    <div class="item">
      <img src="http://www.hanse.org/__we_thumbs__/583_6_riga_night.jpg" alt="Flower">
    </div>

    <div class="item">
      <img src="http://upload.wikimedia.org/wikipedia/commons/3/3c/Valmiera_Sv_Simana_baznica.jpg" alt="Flower">
    </div>
  </div>