Final Bootstrap 3 Slider

Slider

by Behseini

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="container">
       <div class="well">
        <ul class="list-inline">
            <li class="">
                <div class="thumbnail">
                    <img data-src="holder.js/400x400" alt="..." />
                    <div class="caption">
                         <h3>One</h3>

                        <p>...</p>
                        <p><a href="#" class="btn btn-default" role="button">Button</a>
                        </p>
                    </div>
                </div>
            </li>
            <li>
                <div class="thumbnail">
                    <img data-src="holder.js/300x300" alt="..." />
                    <div class="caption">
                         <h3>Two</h3>

                        <p>...</p>
                        <p><a href="#" class="btn btn-default" role="button">Button</a>
                        </p>
                    </div>
                </div>
            </li>
            <li>
                <div class="thumbnail">
                    <img data-src="holder.js/300x300" alt="..." />
                    <div class="caption">
                         <h3>Three</h3>

                        <p>...</p>
                        <p><a href="#" class="btn btn-default" role="button">Button</a>
                        </p>
                    </div>
                </div>
            </li>
            <li>
                <div class="thumbnail">
                    <img data-src="holder.js/300x300" alt="..." />
                    <div class="caption">
                         <h3>Four</h3>

                        <p>...</p>
                        <p><a href="#" class="btn btn-default" role="button">Button</a>
                        </p>
                    </div>
                </div>
            </li>
            <li>
                <div class="thumbnail">
                    <img...

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
 body {padding-top:25px;}
ul, li{margin :0px !important; padding :0px !important;}
.list-inline{    margin :0px !important; padding :0px !important;}
.thumbnail{margin :0px !important; padding :0px !important;}
.well {  padding: 0px !important;}
ul {  width:22222px;  position:relative}
li:first-child {    background-color: yellow;} 
li {    width:1.6%;}