Nikita

Nikita

  • 2k
  • 56
  • 6.2k

i want to make client logo list horizontaly scroll

Jan 31 2020 4:05 AM
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:-
  1. <div class="container-fluid">  
  2. <!-- bootstrap card with row name myCarousel as row 1-->  
  3. <div class="item" style="text-align: center;">  
  4. <div class="col-md-2 col-xs-6 col-lg-2">  
  5. <a href="#">  
  6. <img src="img/project/mdc.png" class="img-responsive">  
  7. </a>  
  8. </div>  
  9. </div>  
  10. <div class="item" style="text-align: center;">  
  11. <div class="col-md-2 col-xs-6 col-lg-2">  
  12. <a href="#">  
  13. <img src="img/project/parekh.png" class="img-responsive">  
  14. </a>  
  15. </div>  
  16. </div>  
  17. <div class="item" style="text-align: center;">  
  18. <div class="col-md-2 col-xs-6 col-lg-2">  
  19. <a href="#">  
  20. <img src="img/project/connvertex.png" class="img-responsive">  
  21. </a>  
  22. </div>  
  23. </div>  
  24. <div class="item" style="text-align: center;">  
  25. <div class="col-md-2 col-xs-6 col-lg-2">  
  26. <a href="#">  
  27. <img src="img/project/nitor.png" class="img-responsive">  
  28. </a>  
  29. </div>  
  30. </div>  
  31. <div class="item" style="text-align: center;">  
  32. <div class="col-md-2 col-xs-6 col-lg-2">  
  33. <a href="#">  
  34. <img src="img/project/vkmart.png" class="img-responsive">  
  35. </a>  
  36. </div>  
  37. </div>  
  38. <div class="item" style="text-align: center;">  
  39. <div class="col-md-2 col-xs-6 col-lg-2">  
  40. <a href="#">  
  41. <img src="img/project/dmart.png" class="img-responsive">  
  42. </a>  
  43. </div>  
  44. </div>  
  45. <div class="item" style="text-align: center;">  
  46. <div class="col-md-2 col-xs-6 col-lg-2">  
  47. <a href="#">  
  48. <img src="img/project/nobelteck.png" class="img-responsive">  
  49. </a>  
  50. </div>  
  51. </div>  
  52. <div class="item" style="text-align: center;">  
  53. <div class="col-md-2 col-xs-6 col-lg-2">  
  54. <a href="#">  
  55. <img src="img/project/cariq.png" class="img-responsive">  
  56. </a>  
  57. </div>  
  58. </div>  
  59. <div class="item" style="text-align: center;">  
  60. <div class="col-md-2 col-xs-6 col-lg-2">  
  61. <a href="#">  
  62. <img src="img/project/japfa.png" class="img-responsive">  
  63. </a>  
  64. </div>  
  65. </div>  
  66. <div class="item" style="text-align: center;">  
  67. <div class="col-md-2 col-xs-6 col-lg-2">  
  68. <a href="#">  
  69. <img src="img/project/cavotec.png" class="img-responsive">  
  70. </a>  
  71. </div>  
  72. </div>  
  73. <div class="item" style="text-align: center;">  
  74. <div class="col-md-2 col-xs-6 col-lg-2">  
  75. <a href="#">  
  76. <img src="img/project/manisha.png" class="img-responsive">  
  77. </a>  
  78. </div>  
  79. </div>  
  80. <div class="item" style="text-align: center;">  
  81. <div class="col-md-2 col-xs-6 col-lg-2">  
  82. <a href="#">  
  83. <img src="img/project/springct.png" class="img-responsive">  
  84. </a>  
  85. </div>  
  86. </div>  
  87. <div class="item" style="text-align: center;">  
  88. <div class="col-md-2 col-xs-6 col-lg-2">  
  89. <a href="#">  
  90. <img src="img/project/jmj.png" class="img-responsive">  
  91. </a>  
  92. </div>  
  93. </div>  
  94. <div class="item" style="text-align: center;">  
  95. <div class="col-md-2 col-xs-6 col-lg-2">  
  96. <a href="#">  
  97. <img src="img/project/vdlo.png" class="img-responsive">  
  98. </a>  
  99. </div>  
  100. </div>  
  101. <div class="item" style="text-align: center;">  
  102. <div class="col-md-2 col-xs-6 col-lg-2">  
  103. <a href="#">  
  104. <img src="img/project/lokmanya.png" class="img-responsive">  
  105. </a>  
  106. </div>  
  107. </div>  
  108. <div class="item" style="text-align: center;">  
  109. <div class="col-md-2 col-xs-6 col-lg-2">  
  110. <a href="#">  
  111. <img src="img/project/neologic.png" class="img-responsive">  
  112. </a>  
  113. </div>  
  114. </div>  
  115. <div class="item" style="text-align: center;">  
  116. <div class="col-md-2 col-xs-6 col-lg-2">  
  117. <a href="#">  
  118. <img src="img/project/maveric.png" class="img-responsive">  
  119. </a>  
  120. </div>  
  121. </div>  
  122. <div class="item" style="text-align: center;">  
  123. <div class="col-md-2 col-xs-6 col-lg-2">  
  124. <a href="#">  
  125. <img src="img/project/skymoto.png" class="img-responsive">  
  126. </a>  
  127. </div>  
  128. </div>  
  129. <div class="item" style="text-align: center;">  
  130. <div class="col-md-2 col-xs-6 col-lg-2">  
  131. <a href="#">  
  132. <img src="img/project/sanjayhy.png" class="img-responsive">  
  133. </a>  
  134. </div>  
  135. </div>  
  136. <div class="item" style="text-align: center;">  
  137. <div class="col-md-2 col-xs-6 col-lg-2">  
  138. <a href="#">  
  139. <img src="img/project/arvind.png" class="img-responsive">  
  140. </a>  
  141. </div>  
  142. </div>  
  143. <div class="item" style="text-align: center;">  
  144. <div class="col-md-2 col-xs-6 col-lg-2">  
  145. <a href="#">  
  146. <img src="img/project/epps.png" class="img-responsive">  
  147. </a>  
  148. </div>  
  149. </div>  
  150. <div class="item" style="text-align: center;">  
  151. <div class="col-md-2 col-xs-6 col-lg-2">  
  152. <a href="#">  
  153. <img src="img/project/mindtickle.png" class="img-responsive">  
  154. </a>  
  155. </div>  
  156. </div>  
  157. <div class="item" style="text-align: center;">  
  158. <div class="col-md-2 col-xs-6 col-lg-2">  
  159. <a href="#">  
  160. <img src="img/project/secureview.png" class="img-responsive">  
  161. </a>  
  162. </div>  
  163. </div>  
  164. <div class="item" style="text-align: center;">  
  165. <div class="col-md-2 col-xs-6 col-lg-2">  
  166. <a href="#">  
  167. <img src="img/project/iant.png" class="img-responsive">  
  168. </a>  
  169. </div>  
  170. </div>  
  171. <div class="item" style="text-align: center;">  
  172. <div class="col-md-2 col-xs-6 col-lg-2">  
  173. <a href="#">  
  174. <img src="img/project/radio.png" class="img-responsive">  
  175. </a>  
  176. </div>  
  177. </div>  
  178. <div class="item" style="text-align: center;">  
  179. <div class="col-md-2 col-xs-6 col-lg-2">  
  180. <a href="#">  
  181. <img src="img/project/nexant.png" class="img-responsive">  
  182. </a>  
  183. </div>  
  184. </div>  
  185. <div class="item" style="text-align: center;">  
  186. <div class="col-md-2 col-xs-6 col-lg-2">  
  187. <a href="#">  
  188. <img src="img/project/aarushahomes.png" class="img-responsive">  
  189. </a>  
  190. </div>  
  191. </div>  
  192. </div>  

Answers (2)