JSFiddle - React, Tailwind, and code Playground

by bostaf

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Item title</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-6 col-sm-3 text-right">
                    <address>
                        <strong><abbr title="Phone number">Tel:</abbr> (123) 456-7890</strong><br />
                        Twitter, Inc.<br />
                        795 Folsom Ave, Suite 600<br />
                        San Francisco, CA 94107
                        </address>
                </div>
                <div class="col-xs-6 col-sm-3 text-left">
                    <p>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star-empty"></span>
                    <span class="glyphicon glyphicon-star-empty"></span>
                    </p>
                    <p>Rate Yourself!</p>
                </div>
                <div class="clearfix visible-xs"></div>
                <div class="col-xs-4 col-sm-2 text-center">
                    <img src="http://lorempixel.com/120/120" class="img-responsive img-circle img-thumbnail" />
                    <br /><strong>First option</strong>
                </div>
                <div class="col-xs-4 col-sm-2 text-center">
                    <img src="http://lorempixel.com/120/120" class="img-responsive img-circle img-thumbnail" />
                    <br /><strong>Here goes another</strong>
                </div>
                <div class="col-xs-4 col-sm-2 text-center">
                    <img...

CSS

div.row > div:first-child {
    border-right: 1px solid #ccc;
}
div.row > div:nth-child(5) {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}