JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<table class="table table-bordered">
    <tr>
        <td class="rl2 dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>
            <ul class="dropdown-menu" aria-labelledby="dLabel" role="menu">
                <li><a href="#" class="rl1">rl1</a></li>
                <li><a href="#" class="rl2">rl2</a></li>
            </ul>
        </td>
        <td>...</td>
        <td>...</td>
    </tr>
</table>

<div class="dropdown">
    <a href="#" class="dropdown-toggle btn" data-toggle="dropdown"><b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li><a href="#" class="rl1">rl1</a></li>
        <li><a href="#" class="rl2">rl2</a></li>
    </ul>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');


.rl1 {
    background-color : rgb(171, 203, 219);
}

.rl2 {
    background-color : rgb(175, 216, 159);
}

td a { 
    text-align: right;
    display : block;
    vertical-align: bottom;
}

JavaScript

l