选择和分页对象以在Bootstrap中形成组

Question

我试图将选择和分页分组到一个表单组中，但分页放置在底部而不是右侧。我该如何解决这个问题？

<div class="input-group"> 
<select class="form-control input-group-addon"> 
    <option>Egy</option> 
    <option>Kettő</option> 
    <option>Három</option> 
</select> 
<ul class="pagination"> 
    <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li> 
    <li><a href="#">1</a></li> 
    <li class="active"><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    <li><a href="#">5</a></li> 
    <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li> 
</ul> 
</div> 

JSFiddle

Answer 1

也许尝试没有分页和使用常规的按钮，而不是：

<div class="input-group"> 
    <select class="form-control input-group-addon"> 
     <option>Egy</option> 
     <option>Kettő</option> 
     <option>Három</option> 
    </select> 
    <div class="input-group-btn"> 
    <button class="btn btn-default">1</button> 
    <button class="btn btn-default">2</button> 
    <button class="btn btn-default">3</button> 
    <button class="btn btn-default">4</button> 
    <button class="btn btn-default">5</button> 
    <button class="btn btn-default">6</button> 
    </div> 
</div> 

http://www.bootply.com/xPUlqlg3LK