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

前提・実現したいこと

今、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に書いています。