html - 使分页组件和下拉列表对齐

我正在使用 twitter bootstrap 开发一个网站并制作一个带有分页的表格，我遇到了一些问题。基本上我无法使分页和下拉按钮对齐。

使用@flackend 的 JSFiddle 来显示问题:JSFiddle Example 代码

<html>
<body>
<div class="container">
<div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-user"></i> Usuarios <span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a id="enaUsr" href="#"><i class="icon-ok-circle"></i> Activar Cuenta(s)</a></li>
                    <li><a id="enaUsr" href="#"><i class="icon-remove-circle"></i> Desactivar Cuenta(s)</a></li><li><a href="#"><i id="delUsr" class="icon-trash"></i> Eliminar</a></li>    </ul>

</div>
<div class="pagination pagination-right">
    <ul>
        <li><a href="#">Prev</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">Next</a></li>
    </ul>
</div> 
</div>
</body>
</html>

截图

Screenshot