JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<ul class="horizontal-slide">
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
    <li class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
    </li>
</ul>

CSS

ul.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

ul.horizontal-slide li[class*="span"] {
    display: inline-block;
    float: none;
}