0

Silvio Moreto の BootStrap ライブラリを使用していますが、select が正しく表示されません。

これが問題のスクリーンショットです。

私の推測では、私は何か間違ったことをしているのです。この問題の原因はわかりませんが、JavaScript の読み込み順序を確認したところ問題ないようです。

以下は、コードを実行するhtmlです。

<select name="action_type" class='selectpicker'>
  <option value="phone">call</option>
  <option value="email">email</option>
  <option value="url">open to url</option>
</select>

これは、selectpicker() が実行された後の展開されたフォームです。

<div class="btn-group bootstrap-select">
  <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown">
    <div class="filter-option pull-left">call</div>&nbsp;
    <div class="caret"></div></button><div class="dropdown-menu open">
    <ul class="dropdown-menu inner" role="menu">
      <li rel="0" class="selected"><a tabindex="0" class="" style=""><span class="text">call</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
      <li rel="1"><a tabindex="0" class="" style=""><span class="text">email</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
      <li rel="2"><a tabindex="0" class="" style=""><span class="text">open to url</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
    </ul>
  </div>
</div>

誰が何が起こっているのか知っていますか?それはCSSである可能性があると思います。

アップデート::

必要のない部分がたくさんあるので、ブートストラップ フレームワークの特定の部分だけを使用します。ボタン、フォーム、ドロップダウン js/css のバージョン 2.3.2 を使用していますが、何らかの理由で、ブートストラップ セレクターに十分ではありません。

これは、テスト ファイルからブートストラップ 3.0 ソースのみを使用した図です。

ありがとう!

4

1 に答える 1