i want to make client logo list horizontaly scroll

Question

hii guys , i want to make client list horizontal like marquee tag moving effect. please correct my code. and i used bootstrap 3.3.5 in this project.the code as follows:-

<div class="container-fluid">
<!-- bootstrap card with row name myCarousel as row 1-->
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/mdc.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/parekh.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/connvertex.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/nitor.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/vkmart.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/dmart.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/nobelteck.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/cariq.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/japfa.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/cavotec.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/manisha.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/springct.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/jmj.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/vdlo.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/lokmanya.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/neologic.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/maveric.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/skymoto.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/sanjayhy.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/arvind.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/epps.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/mindtickle.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/secureview.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/iant.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/radio.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/nexant.png" class="img-responsive">
</a>
</div>
</div>
<div class="item" style="text-align: center;">
<div class="col-md-2 col-xs-6 col-lg-2">
<a href="#">
<img src="img/project/aarushahomes.png" class="img-responsive">
</a>
</div>
</div>
</div>