owl-carousel がうまく機能しません。

Question

###前提・実現したいこと

今、AngularJSとHTMLでHPを作っています。

http://keitahirai.net/archives/473
のサイトを参考にして、owl-carouselを組み込もうとしています。

###発生している問題・エラーメッセージ

問題は、ただの写真のowl carouselではなく、
https://blackrockdigital.github.io/startbootstrap-agency/#services
のように３つ要素が見えるようにして、これらのアイテムをもう少し増やし、
owl-carouselで回していきたいのですが、うまく表示されません。

###該当のソースコード

<div class="clients-area center wow fadeInDown"> <h2>What our client says</h2> <p class="lead">Many customers are pleased with our products. Please have a look at our customers' experiences.</p> </div>

    <ul class="owl-carousel">
        <li><img src="images/client1.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4>
        </li>

        <li><img src="images/client2.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client3.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client1.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client2.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client3.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client1.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client2.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client3.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>

        <li><img src="images/client1.png" class="img-circle" alt="">
                <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</h3>
                <h4><span>-John Doe /</span>  Director of corlate.com</h4></li>
    </ul>

###試したこと
CSS,JSの設定は下記に準じています。
http://keitahirai.net/archives/473

###補足情報(言語/FW/ツール等のバージョンなど)
該当コードは、pages/home.htmlにあり、
CSS,JSはホーム直下のindex.htmlに書いています。