css - 如何修复bootstrap `<select>`的位置？

Question

HTML 代码:

<button class="btn">hello</button>
<select class="input-small"><option>1</option></select>
<button class="btn">world</button>

但是select的位置不正确。您可以通过 http://jsfiddle.net/SUJpH/ 观看现场演示

我必须为其添加修复程序:

select {
    position: relative;
    bottom: -4px;
}

它可以工作，但我想知道 bootstrap 提供的一些 css 类是否可以修复它？

Answer 1

只需添加带有 form-inline 类的标签 form 即可:

<form class="form-inline"> 
    <button class="btn">hello</button>
    <select class="input-small"><option>1</option></select>
    <button class="btn">world</button>
</form>