選擇和分頁對象以在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