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"> 「フォームインライン」クラスをフォームタグに追加すると、これが修正されます。

于 2012-11-27T22:02:39.837 に答える