{{!--
{
  "title": "Quotes in a slider",
  "variables": {
    "quotes": {
      "title": "All the quotes",
      "child": {
        "quote": {
          "title": "The quote",
          "type": "text"
        },
        "source": {
          "title": "Source of the quote",
          "type": "text"
        }
      }
    }
  }
}
--}}

<div id="carousel-quotes" class="bo-highlight-container2 carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    {{#each quotes}}
    <li data-target="#carousel-quotes" data-slide-to="{{@index}}"{{#if @first}} class="active"{{/if}}></li>
    {{/each}}
  </ol>

  <div class="container">
    <div class="row quotes">
      <div class="col-md-12">
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          {{#each quotes}}
          <div class="item{{#if @first}} active{{/if}}">
            <blockquote>
              {{quote}}
              <footer>{{source}}</footer>
            </blockquote>
          </div>
          {{/each}}
        </div>
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-quotes" role="button" data-slide="prev">
    <span class="carousel-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Zurueck</span>
  </a>
  <a class="right carousel-control" href="#carousel-quotes" role="button" data-slide="next">
    <span class="carousel-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Weiter</span>
  </a>
</div>
{{!--
{
  "title": "Quotes in a slider",
  "variables": {
        "quote": {
          "title": "The quote",
          "type": "text"
        },
        "source": {
          "title": "Source of the quote",
          "type": "text"
        }
  }
}
--}}

<div id="carousel-quotes" class="bo-highlight-container2 carousel slide" data-ride="carousel">
     <div class="container">
        <div class="row quotes">
            <div class="col-md-12">
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <blockquote>
                            {{{quote}}}
                            <footer>{{{source}}}</footer>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Remove slider, which is not working yet
Remove slider, which is not working yet
