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中添加标记form-inline：

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

Answer 2

在 bootstrap.css 行号中。 - 本课程中的951 -

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input

有margin-bottom: 9px;

删除它，一切都会按预期工作

Answer 3

使bootstrap.css保持不变的方法就是这样写：

<select class="input-small" style="margin-top:10px"><option>1</option></select>

如何修复bootstrap的“<select>”的位置？</select>

3 个答案: