使用jquery和bootstrap自定义下拉列表

Question

我正在寻找使用 Jquery 与 bootstrap 的自定义下拉列表。

Answer 1

您必须以您希望的形式设置下拉选项的样式：

同样的一个例子是：

<div class="ui dropdown">
  <div class="text">File</div>
  <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item">New</div>
    <div class="item">
       <span class="description">ctrl + o</span>
       Open...
    </div>
    <div class="item">
       <span class="description">ctrl + s</span>
       Save as...
    </div>
    <div class="item">
       <span class="description">ctrl + r</span>
       Rename
    </div>
   <div class="item">Make a copy</div>
   <div class="item">
     <i class="folder icon"></i>
     Move to folder
</div>
<div class="item">
  <i class="trash icon"></i>
  Move to trash
</div>
<div class="divider"></div>
<div class="item">Download As...</div>
<div class="item">
  <i class="dropdown icon"></i>
  Publish To Web
  <div class="menu">
    <div class="item">Google Docs</div>
    <div class="item">Google Drive</div>
    <div class="item">Dropbox</div>
    <div class="item">Adobe Creative Cloud</div>
    <div class="item">Private FTP</div>
    <div class="item">Another Service...</div>
  </div>
</div>
<div class="item">E-mail Collaborators</div>