부트 스트랩에 여러 개의 체크 박스가있는 콤보 상자

Question

부트 스트랩에서 첨부 된 이미지와 같이 여러 확인란 옵션이있는 comboBox를 사용하는 방법.

아래의 드롭 다운 목록에서 여러 확인란 옵션을 사용했지만 체크 박스가있는 드롭 다운 목록이 아니라 이미지가 첨부 된 것을 원합니다. 내가 솔루션을 가지고 아래의 방법에서

<select multiple="multiple"> .... </select> 

Answer 1

<table> 
          <tr> 
           <td> 
            <div 
             style="max-height: 350px; overflow-y: scroll; width: 375px;background: white;" 
             class="scrollbar style-2"> 
             <table class="table"> 
              <thead align="center"> 
               <tr> 
                <th style="text-align: center;background: #5cb85c;color : white;">List</th> 
                <th style="background: white;background: #5cb85c;color : white;"></th> 
               </tr> 
              </thead> 
              <tbody style="background: white;"> 
              <% 
               for (int i = 0; i < 10; i++) { 
              %> 
               <tr style="border: 0"> 
               <td style="border: 0"> 
                <div class="[ form-group ]"> 
                 <input type="checkbox" name="fancy-checkbox-default_p3_ii<%=i%>" 
                  id="fancy-checkbox-default_p3_ii<%=i%>" autocomplete="off" /> 
                 <div class="[ btn-group ]"> 
                  <label for="fancy-checkbox-default_p3_ii<%=i%>" 
                   class="[ btn btn-success ]" style="top: 5px;"> <span 
                   class="[ glyphicon glyphicon-ok ]"></span> <span> </span> 
                  </label> <label for="fancy-checkbox-default_p3_ii<%=i%>" 
                   class="[ btnCustom active ]"> Default Checkbox<%=i%> 
                  </label> 
                 </div> 
                </div> 
               </td> 
              </tr> 
              <% 
               } 
              %> 
              </tbody> 
             </table> 
            </div> 
           </td> 
          </tr> 
         </table>