JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<div class="accordion-group">
    <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse" data-target="#foo">
            Collapse header
        </a>
    </div>
    <div id="foo" class="accordion-body collapse in">
        <div class="accordion-inner">
            Inner content with content that might overflow the collapsed group.
            <div class="btn-group">
                <a class="btn btn-small" href="#">Click the drop down arrow -></a>
                <a class="btn btn-small dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">Foo</a></li>
                    <li><a href="#">Bar</a></li>
                    <li><a href="#">FooBar</a></li>
                </ul>
            </div>
            Notice how the dropdown is cut?
        </div>
    </div>
</div>