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

时间:2012-07-26 17:38:21

标签: html css twitter-bootstrap

我正在使用Twitter引导程序的网站上工作,并制作一个分页表,我遇到了一些问题。基本上我不能使分页和下拉按钮在线对齐。

使用@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

任何想法???

1 个答案:

答案 0 :(得分:2)

你只想让他们在同一条线上? CSS向左浮动:

http://jsfiddle.net/flackend/gVg7H/