JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="btn-group btn-group-lg" role="group" aria-label="...">
    <button type="button" class="btn btn-default">House</button>
    <button type="button" class="btn btn-default">Apartment</button>
    <button type="button" class="btn btn-default">Studio</button>
    <div class="btn-group btn-group-lg" role="group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Other <span class="caret"></span>

        </button>
        <ul class="dropdown-menu" role="menu">
            <li><a>Park</a>
            </li>
            <li><a>Beach</a>
            </li>
            <li><a>Field</a>
            </li>
            <li><a>BackYard</a>
            </li>
            <li><a>FrontYard</a>
            </li>
            <li><a>Other</a>
            </li>
        </ul>
    </div>
</div>