Bootstrap carousel - move by 1 slide/column and in loop (jquery)

Hi, I've asked @TylerPostle in a chat and he send me to the forum, so trying again. I have my template build on bootstrap 3.1 and for showing the references I'm using a carousel (which is included in bootstrap template).

How I would achieve to move them one by one infinite loop? I've tried just to copy this solution and only the first item in a row was visible (but moving one by one).

Anybody who could help me how to make it with Bootstrap Carousel or in some custom script jquery? (I'm not so strong in them). I can generate/change whatever html needed.

HTML:

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

        <div class="item active">
            <div class="col-3 column text-center">
             <div class="logo">
                 <img src="http://demo.kybernaut.cz/dgsimona/wp-content/uploads/2015/02/cvicny_partner2.png">
                 </div>
                 <div class="popisek">Simona je nkjnaskndkjsan bjhdbasjhbdjhba snhjqbsjwqb sbjqwbsq dbjudwzgzd</div>
                 <div><a href="http://www.kybernaut.cz" target="_blank">www.kybernaut.cz</a></div>
            </div>
            <div class="col-3 column text-center">
                 <div class="logo">
                 <img src="http://demo.kybernaut.cz/dgsimona/wp-content/uploads/2015/02/cvicny_partner.png">
                 </div>
                 <div class="popisek">You can re-order with drag & drop, the order will update after saving.</div>
                 <div><a href="http://www.kybernaut.cz" target="_blank">www.kybernaut.cz</a></div>
            </div>
            <div class="col-3 column text-center">
                 <div class="logo">
                 <img src="http://demo.kybernaut.cz/dgsimona/wp-content/uploads/2015/02/cvicny_partner2.png">
                 </div>
                 <div class="popisek">www.kybernaut.czwww. kybernaut.czwww. kybernaut. czwww.kybernaut.cz</div>
                 <div><a href="http://www.kybernaut.cz" target="_blank">www.kybernaut.cz</a></div>
            </div>
            <div class="col-3 column text-center">
                 <div class="logo">
                 <img src="http://demo.kybernaut.cz/dgsimona/wp-content/uploads/2015/02/cvicny_partner.png">
                 </div>
                 <div class="popisek">Pokud chcete použít toto uživatelské jméno, klikn?te na tla?ítko</div>
                 <div><a href="http://www.kybernaut.cz" target="_blank">www.kybernaut.cz</a></div>
            </div>
        </div>
        <div class="item">
            <div class="col-3 column text-center">
                 <div class="logo">
                 <img src="http://demo.kybernaut.cz/dgsimona/wp-content/uploads/2015/02/cvicny_partner2.png">
                 </div>
                 <div class="popisek">uživatelské jméno, klikn?te na tla?ítko Pokud chcete použít toto </div>
                 <div><a href="http://www.kybernaut.cz" target="_blank">www.kybernaut.cz</a></div>
            </div>
        </div>
    </div>

        <!-- Carousel Buttons Next/Prev -->
        <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><img src="http://demo.kybernaut.cz/dgsimona/wp-content/themes/sb/images/arr_simple_left.png" alt="arr_simple_left"></a>
        <a data-slide="next" href="#quote-carousel" class="right carousel-control"><img src="http://demo.kybernaut.cz/dgsimona/wp-content/themes/sb/images/arr_simple_right.png" alt="arr_simple_right"></a>
      </div>
    </div>

jquery

$(document).ready(function() {
  $('#partneri-carousel').carousel({
    pause: "hover",
    interval: 4000,
  });
});

Thanks for your help