title: Add arrows to bootstrap carousel
body: <p>I found this code on the internet and I want to learn from it. The following I want to do is add two arrows (without shaddow, only the arrows). One arrow left and one arrow right to move them left and right. </p>
  
  <p>I have tried multiple things but nothing has worked so far. 
  Can you guys help me out with this? </p>
  
  <p>The code </p>
  
  <p>HTML: </p>
  
  <pre><code>   &lt;div class="carousel slide text-center" id="zalen-carousel"&gt;
                                       &lt;ol class="carousel-indicators"&gt;
                                          &lt;li data-target="#zalen-carousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                                          &lt;li data-target="#zalen-carousel" data-slide-to="1"&gt;&lt;/li&gt;
                                          &lt;!-- &lt;li data-target="#testimonial-carousel" data-slide-to="2"&gt;&lt;/li&gt; --&gt;
                                        &lt;/ol&gt;
  
  
  
  
  
                                      &lt;div class="carousel-inner"&gt;
                                          &lt;div class="item active"&gt;
                                              &lt;p&gt;“ Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri. Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam. ”&lt;/p&gt;
                                              &lt;img class="img-responsive" src="images/achterzaal.jpg"/&gt;
                                              &lt;h4 class="client-name"&gt;Achterzaal&lt;/h4&gt;
                                          &lt;/div&gt;
                                          &lt;div class="item"&gt;
                                              &lt;p&gt;“ Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri. Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam. ”&lt;/p&gt;
                                              &lt;img class="img-responsive" src="images/hoofdzaal.jpg"/&gt;
                                              &lt;h4 class="client-name"&gt;Hoofdzaal&lt;/h4&gt;
                                          &lt;/div&gt;
                                          &lt;!--
                                          &lt;div class="item "&gt;
                                              &lt;p&gt;“ Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri. Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam. ”&lt;/p&gt;
  
                                              &lt;h4 class="client-name"&gt;Onze zalen&lt;/h4&gt;
                                          &lt;/div&gt;
                                          --&gt;
                                       &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#section-zalen{
      background: #83C74F;
      padding-bottom: 105px;
  }
  .carousel-indicators li {
      display: inline-block;
      width: 11px;
      height: 11px;
  }
  .carousel-indicators {
      bottom: -25px;
  }
  .carousel-indicators .active {
      background-color: #f2f2f1;
  }
  .carousel-indicators li {
      border-color: #f2f2f1;
  }
  
  
  #zalen-carousel{
      width: 63%;
      margin: 0 auto;
      margin-top: -10px;
  }
  #zalen-carousel p{
      color: #f2f2f1;
      font-style: italic;
      margin-bottom: 40px;
  }
  
  .client-name{
      color: #566366;
      text-transform: uppercase;
      margin-bottom: 50px;
  }
  </code></pre>