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>
これらがずれている可能性がある理由について、追加の考えはありますか?