"Client Logo Slider Bootstrap"
Bootstrap 3.0.0 Snippet by Unision

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!doctype html> <html lang="en"> <head> <title>BootStrap Carousel</title> <meta charset="utf-8"> <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, user-scalable=no"> <script src="/js/jquery-1.11.3.min.js"></script> <script src="/js/bootstrap.js"></script> <script src="/js/carousel.js"></script> <link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/css/custom.css"> </head> <body> <div class="container"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <h2 class="center">Carousel Example </h2> <div class="item active"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 2"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 3"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 4"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 5"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 6"> </div> ... <div class="item"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 2"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 3"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 4"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 5"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 6"> </div> ... <div class="item"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 2"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 3"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 4"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 5"> <img class="col-md-2 col-sm-2 col-xs-4" src="/img/slide.jpg" alt="Image 6"> </div> ... </div> <div align="center" style="margin-top:20px;"> <!-- Controls --> <a class="left" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right" href="#carousel-example-generic" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> </body> </html>
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: -webkit-inline-box !important; }

Related: See More


Questions / Comments: