0

在我在 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>

任何其他想法为什么这些可能会错位？

4

1 回答 1

0

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

于 2012-11-27T22:02:39.837 回答