JSFiddle - React, Tailwind, and code Playground

by mdesignone

HTML

<div class="container">


    <!-- Macbook carousel -->
    <div id="carousel" class="carousel slide macbook" rel="carousel">
        <img src="img/carousel-macbook.png" class="carousel-macbook" alt="" />
        <!-- Carousel items -->
        <div class="carousel-inner">
            <!-- Item -->
            <div class="item active">
                <img alt="" src="http://placehold.it/940x480/5DB9F2/fff" />
            </div>
            <!-- end Item -->
            <!-- Item -->
            <div class="item">
                <img alt="" src="http://placehold.it/940x480/803080/fff" />
            </div>
            <!-- end Item -->
            <!-- Item -->
            <div class="item">
                <img alt="" src="http://placehold.it/940x480/E48285/fff" />
            </div>
            <!-- end Item -->
        </div>

        <!-- Carousel navigation -->
        <a class="carousel-control left" href="#carousel" data-slide="prev"></a>
        <a class="carousel-control right" href="#carousel" data-slide="next"></a>
    </div>
    <!-- end Macbook carousel -->

</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

.carousel {
    width: 400px;
}