JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="dropdown">
    <button id="single-button" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Button dropdown <span class="caret"></span>

    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
        <li role="menuitem"><a href="#">Action</a>

        </li>
        <li role="menuitem">
            <div style="display:block"> <span>Action</span>

                <button type="submit" class="invisible-input pull-right btn btn-xs">*</button> <button type="submit" class="invisible-input pull-right btn btn-xs">^</button>
            </div>
        </li>
        <li role="menuitem"><a href="#">Something else here</a>

        </li>
        <li class="divider"></li>
        <li role="menuitem"><a href="#">Separated link</a>

        </li>
    </ul>
</div>

CSS

.dropdown-menu > li > div {
    padding: 0 20px;
}