Looking for a way to display thumbnails horizontally using ng-repeat in AngularJS and Bootstrap. Any ideas on how to achieve this with CSS or Bootstrap?
<div class="row">
<ul class="col-md-4" id="phones">
<li class="thumbnail" ng-repeat="phone in topSmartPhone">
<img src="{{phone.img}}" alt="" />
<div class="caption">
<h3>{{phone.name}}</h3>
<p><strong>Size : </strong> {{phone.size}}</p>
<p><strong>RAM :</strong> {{phone.ram}}</p>
<p><strong>Camera :</strong> {{phone.camera}}</p>
<p><strong>Battery :</strong> {{phone.battery}}</p>
<p id="description">{{phone.description}}</p>
</div>
</li>
</ul>
</div>