JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
 <section id="content">
        <div class="main padder">
                <div class="panel panel-default session" id="sm_S_8abe3b24-41b2-434e-9f23-5c4f39c476f0" style="">
                    <div class="panel-heading">
                        <a class="collapsed" data-parent="#sessionaccordion" data-toggle="collapse" href="#sm_S_a_8abe3b24-41b2-434e-9f23-5c4f39c476f0">
                            My Header
                        </a>
                    </div>
                    <div class="panel-collapse primarybg in" id="sm_S_a_8abe3b24-41b2-434e-9f23-5c4f39c476f0" style="height: auto;">
                        <div class="panel-body">
                           some things
                            <div class="icon-btn pull-right dropdown open">
                                <a class="dropdown-toggle" role="button" href="#" data-toggle="dropdown">
                                    <i>click me</i>
                                </a>
                                <ul class="dropdown-menu pull-right" role="menu">
                                    <li>
                                        <div>Options 1</div>
                                    </li>
                                    <li>
                                        <div>Option 2</div>
                                    </li>
                                    <li>
                                        <div>Option 3</div>
                                    </li>
                                    <li>
                                         <div>Option 4</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </section>