JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://current.bootstrapcdn.com/bootstrap-v204/css/bootstrap.css">
    <div class="btn-group">
        <div class="dropdown">
            <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
                <span id="uniqueId">Text1</span> <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a onclick="javascript:someFunction()">Item1</a></li>
                <li><a onclick="javascript:someFunction()">Item2</a></li>
                <!-- ... -->
            </ul>
        </div>
        <div class="dropdown">
            <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
                <span id="uniqueId2">Text2</span> <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a onclick="javascript:someOtherFunction()">Item1</a></li>
                <li><a onclick="javascript:someOtherFunction()">Item2</a></li>
                <!-- ... -->
            </ul>
        </div>
    </div>

CSS

.btn-group div.dropdown { display: inline-block; }