FabianSchmick

<ul id="listitems" class="list-unstyled">
    <li>May</li>
    <li>The</li>
    <li>Force</li>
    <li>Be</li>
    <li>With</li>
    <li>Foo</li>
</ul>
<ul class="pagination" id="listitems-pagination">
    <li><a id="listitems-previous" href="#" class="disabled"><i class="fa fa-angle-double-left" aria-hidden="true"></i> Prev</a></li>

FabianSchmick

<div id="collapse-group">
    <div data-toggle="collapse" data-target="#jedi" data-group="#collapse-group">
        <span>Jedi <i class="fa fa-angle-down"></i></span>
    </div>
    <div id="jedi" class="collapse">
        <p>
            May the force be with you
        </p>
    </div>
	

FabianSchmick

syncCarousel();

function syncCarousel() {
    var sync1 = jQuery('#sync1'),
        sync2 = jQuery('#sync2'),
        flag  = false,
        realindex = 0,
        loop = true;    // For loop true see workaround

    sync1.owlCarousel({

FabianSchmick

$(document).ready(function() {
 
    $("#slider").owlCarousel({
    	 navigation : true, // Show next and prev buttons
    	 slideSpeed : 300,
    	 paginationSpeed : 400,
    	 singleItem:true,
    	 navigationText: false,
    	 pagination : true
    });