JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container" style="margin-top: 100px;">
    <div class="span12">
        <form class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label">Label</label>
                <div class="col-sm-10 controls">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-remove"></i> 
                            </button>
                            <div class="btn-group">
                                <button data-toggle="dropdown" class="btn btn-default dropdown-toggle">dropdown<span class="caret" />
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="#">one</a>
                                    </li>
                                    <li><a href="#">two</a>
                                    </li>
                                    <li><a href="#">three</a>
                                    </li>
                                </ul>
                            </div>
                            <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-remove"></i> 
                            </button>
                        </div>
                        <input type="text" class="form-control">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-remove"></i> 
                            </button>
                            <div class="btn-group">
                                <button data-toggle="dropdown" class="btn btn-default...