Include Select in pagination - bootstrap

Question

Я пытаюсь включить раскрывающееся меню внутри постраничного разбиения на страницы.

http://jsfiddle.net/Z4dsD/6/

1. Раскрывающийся не выровнен должным образом.
2. Промежуток между кнопками Prev Next &.

Как это можно исправить.

HTML:

<ul class="pagination custom-pagination"> 
    <li><a href="#">First</a></li> 
    <li><a href="#">Prev</a></li> 
    <li> 
     <select class="form-control"> 
      <option>1</option> 
      <option>2</option> 
     </select> 
    </li> 
    <li style="display:inline-block;"><a href="#">Next</a></li> 
    <li style="display:inline-block;"><a href="#">Last</a></li> 
</ul> 

CSS:

.custom-pagination select { 
    display:inline-block; 
    width:85px; 
    border-radius:0px; 
} 

Answer 1

Просто добавьте следующие строки в CSS из выбора:

vertical-align: top; 

Это будет выравнивать select на верхний л Evel.

Также вам необходимо добавить margin-left: -1px;, чтобы выровнять его с другими элементами.

Также удалите стиль display: inline-block из последних 2 li элементов и установите поплавок влево.

Рабочей jsfiddle: Select jsfidle