1

ブートストラップ形式でドロップダウン ボタンを実装しようとしています。残念ながら、フォームは送信されません。次のようになります。

<form class="form-inline" method="post" action="">
    <fieldset>
        <input type="text"></input>
        <div class="btn-group" data-toggle="dropdown">
            <a class="btn dropdown-toggle pull-right" data-toggle="dropdown" href="">
                Show <span class=caret></span></a>
            <ul class="dropdown-menu">
                <li><input name="_show" class='btn' type="submit" value="Show"></input></li>
                <li><input name="_export" class='btn' type="submit" value="Export"></input></li>
            </ul>
            <button name="_export" class='btn' type="submit">Export</button>        
    </fieldset>
</form>

2 つの質問:

  1. 「div」コンテナの外側の送信ボタンは機能し、内部の両方の入力は何もしません。なんで？
  2. ドロップダウン ボタンが正しく配置されていません。なぜですか?

* 編集 *

  1. ボタンが ul から削除された場合、「ボタンを表示」をクリックすると表示される小さな空のリストがあります。両方のボタンが同じことを行うため、同じ name 属性は実際には問題ではありません。btn-group の外側のボタンは削除されます。 . 内部のものが正常に機能するとすぐに

非常に奇妙なことは、私が置くと

    <div class="btn-group" style="vertical-align: middle" data-toggle="dropdown">
  <a class="btn dropdown-toggle pull-right" data-toggle="dropdown" href="">
    Show <span class=caret></span></a>
    <ul class="dropdown-menu">
      <li><a href="/hello">Interactive</a></li>
      <li><a href="/hello2">Pic</a></li>
    </ul>
</div>

ドロップダウン メニューのエントリをクリックしても何も起こりません。Firefoxのボタンに、リンクがあることがわかりますが、クリックしても効果がありません...

  1. 配置: Twitter のブートストラップ ボタン グループに一般的な問題があることがわかりました。
4

1 に答える 1