引導選擇不工作模式內

我正在爲我的網站實施此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>

請幫我在軌道上我的開發得到。

謝謝！

來源

2017-01-10 Terence

看起來不錯給我https://plnkr.co/edit/HHxNkpbUITBQJBSHaJQ8?p=preview – Deep

我不知道爲什麼它不是我的最終呈現。我總是把這個css屬性放到我的'select.selectpicker {display：none！important;'你有什麼想法如何解決這個問題？ – Terence

你能用你的完整代碼創建一個plunker嗎？將看看 – Deep

您需要添加以下所需的資源，在您的plunker例如

<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不同。

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

來源

2017-01-10 05:41:38 Deep

引導選擇不工作模式內

回答

相關問題