引导形式的对齐问题

Question

在我在Bootstrap中创建的表单中有一个下拉对齐问题：

https://www.box.net/shared/h6yailsigchqndexdieo

由于某种原因它缩进了，我不确定如何纠正它。

表单的上下文是它出现在这样的iframe中：

<iframe class="span9 borderless" src="{app name}">

此外，下拉列表与其旁边的按钮之间存在对齐问题。上下文看起来像这样：

<form action="/{action}" method="GET">

    <select name="{name}">
        <option data-id="1" ... >...</option> 
        ...
    </select>  

    <button type="submit" value="{value}" class="btn btn-primary"><i class="icon-chevron-down icon-white"></i> {name of button} </button>
    <a class="btn btn-inverse" style="color:#FFF" href="{link}"><i class="icon-edit icon-white"></i> {name}</a> 
    <a class="btn btn-success" href="{link}"><i class="icon-plus icon-white"></i> {name}</a>

</form>

为什么这些可能会错位？还有其他想法？

Answer 1

<form action="/{action}" method="GET" class="form-inline"> 将“form-inline”类添加到表单标记将解决此问题。