ブートストラップはモーダル内で動作しません。

Question

私のウェブサイトにはselectpickerを実装しています。 selectpickerクラスを持つ要素がDOMに表示されないという問題が発生しました。ここ

は私が私の開発とトラックに得るのを助けるしてくださいコード

<div id="modal-container" class="modal fade hidden-print" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Add New Experience</h4> 
    </div> 

     <div id="addExperience" class="modal-body"> 
      <div class="form-horizontal"> 
       <div class="form-group"> 
           <div class="col-md-12"> 
            <select class="user-form selectpicker show-tick form-control" data-live-search="true"> 
             <option>A</option> 
            </select> 
           </div> 
          </div> 
      </div> 

     </div> 
    </div> 
</div> 

です。

ありがとうございます！

Answer 1

あなたが

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> 
    </script> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/i18n/defaults-en_US.js"></script> 

、物事はうまく動作:)

は、私は実際のコードはまだplunker異なる場合には知らせてくださいあなたのplunkerの例では、以下の必要なリソースを追加する必要があります。

例：https://plnkr.co/edit/4gJBAu3NKUQp1HMUbrK9?p=preview