ドロップダウンリストは、ブートストラップを使用して

Question

HTMLコードを隠されている：

<div class="col-md-2"> 
    <div class="form-group"> 
     <label id="lbl_dataset">Select Number</label> 
     <select class="selectpicker"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option selected="selected">5</option> 
      <option>6</option> 
     </select> 
     </div> 
     </div> 

ここでの問題は、そのドロップダウンが隠されており、それだけで複数回ページを更新した後、目に見えるようになります。

、そのドロップダウンが原因で、このCSSコードの

select.bs選択 - 隠された、select.selectpicker { 表示消えされたデバッグ中：なしを重要;！ }

ブートストラップCSSをオーバーライドするのに何度も試してみましたが、うまくいきませんでした。

ブートストラップのCSSをオーバーライドする方法はありますか？

Answer 1

CDNでブートストラップを使用していない場合：Chrome開発ツールで、ピッカーを調べて、ディスプレイ：none行を探します。コードラインの右側には、そのファイルが置かれているファイルが示されています。その情報を使用すると、上書きする代わりに手動で行を削除することができます。

Answer 2

ロードブートストラップ・select.jsと間違って何か

要素が隠されるべき「選択」がなければなりません。 "bootstrap-select"が読み込まれると、 "select"が隠され、すべてのリスト項目で新しいdivが作成されます。

ブートストラップ・select.css - （とりわけ）「選択」

ブートストラップ・select.jsを隠す - 私はあなたがインラインCSSを使用することができると思う