JSFiddle - React, Tailwind, and code Playground

by SeasonEnds

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container">
    <div class="row">
        
      <div class="span10">

        <div class="carousel slide" id="myCarousel">
            
            <div class="span1 left-control"><a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a></div>
           
            <div class="span8">
            <div class="carousel-inner">
              <div class="item active">
                    <ul class="thumbnails">
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70" class="img-circle" alt=""></button>
                        </li>
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70" class="img-circle" alt=""></button>
                        </li>
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70" class="img-circle" alt=""></button>
                        </li>
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70" class="img-circle" alt=""></button>
                        </li>
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70" class="img-circle" alt=""></button>
                        </li>
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70" class="img-circle" alt=""></button>
                        </li>
                        <li class="span1">
                            <button class="btn badge-btn" type="button"><img src="http://placehold.it/70x70"...

CSS

body {
    margin:10px;
}

.badge-btn {
  background: none; 
  border:0;    
  box-shadow: none;
}

.right-control a, .left-control a {
    margin-top:16px;       
}

JavaScript

$('#badge-carousel').carousel(
{
pause: true,
interval: false
});