bootstrap 4風格選擇

我想顯示一個下拉/選擇作爲與bootstrap 4輸入。到目前爲止唯一選擇我在文檔中找到的東西是this。它可以工作，但看起來不像自舉，不支持圖標，分組和分組等。有沒有什麼辦法可以通過引導下拉菜單的功能來適應選擇？bootstrap 4風格選擇

這樣的事情，但只是作爲各種形式的輸入：

<div class="btn-group"> 
    <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> 
     Large button 
    </button> 
    <div class="dropdown-menu"> 
     <a class="dropdown-item" href="#">Action</a> 
     <a class="dropdown-item" href="#">Another action</a> 
     <a class="dropdown-item" href="#">Something else here</a> 
     <div class="dropdown-divider"></div> 
     <a class="dropdown-item" href="#">Separated link</a> 
    </div> 
</div>

沒有任何人有一個想法？

來源

2017-01-10 Jan Oechsler

風格/格式化select元素的能力通常是有限的，不僅僅在Bootstrap中。這就是爲什麼有第三方插件，如https://github.com/silviomoreto/bootstrap-select，它們利用jQuery將現有的select元素轉換爲「style併爲標準select元素帶來附加功能」。

您還可以添加一些簡單的jQuery使引導下拉表現得像一個選擇的元素：http://www.codeply.com/go/ganazCDXB5

更新2018 - Bootstap 4.0.0（穩定）

下拉爲選擇： https://www.codeply.com/go/8bAECfv46k

SelectPicker plugin：https://www.codeply.com/go/zpZOlpB4GS

Multiselect plugin：https://www.codeply.com/go/UeqqALYwsT

來源

2017-01-10 16:50:00 ZimSystem

bootstrap 4風格選擇

回答

相關問題