2013-08-31 3 views
0

모든 트위터 부트 스트랩 아이콘과 함께 텍스트를 표시하는 선택 상자를 만들려고합니다. 따라서 Bootstrap-Select Plugin을 사용하고 있습니다. 이미지 중 하나가 목록에 표시되지만 나머지는 어떻게 든 숨겨집니다.이미지가 선택 상자 (트위터 부트 스트랩 플러그인)에 표시되지 않음

enter image description here

나는 그것의 텍스트 나열된 모든 아이콘의 목록을 얻기 위해 변경하려면 어떻게해야합니까?

JS :

<script src="source/bootstrap_select/bootstrap-select.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.selectpicker').selectpicker(''); 
    }); 
</script> 

HTML :

<select class="selectpicker"> 
    <option data-icon="icon-search">icon-search</option> 
    <option data-icon="icon-envelope">icon-envelope</option> 
    <option data-icon="icon-heart" selected="selected">icon-heart</option> 
    <option data-icon="icon-star">icon-star</option> 
    <option data-icon="icon-star-empty">icon-star-empty</option> 
    <option data-icon="icon-user">icon-user</option> 
    <option data-icon="icon-film">icon-film</option> 
    <option data-icon="icon-th-large">icon-th-large</option> 
    <option data-icon="icon-th">icon-th</option> 
    <option data-icon="icon-th-list">icon-th-list</option> 
    <option data-icon="icon-ok">icon-ok</option> 
    <option data-icon="icon-remove">icon-remove</option> 
    <option data-icon="icon-zoom-in">icon-zoom-in</option> 
    <option data-icon="icon-zoom-out">icon-zoom-out</option> 
    <option data-icon="icon-off">icon-off</option> 
    <option data-icon="icon-signal">icon-signal</option> 
    <option data-icon="icon-cog">icon-cog</option> 
    <option data-icon="icon-trash">icon-trash</option> 
    <option data-icon="icon-home">icon-home</option> 
    <option data-icon="icon-file">icon-file</option> 
    <option data-icon="icon-time">icon-time</option> 
    <option data-icon="icon-road">icon-road</option> 
    <option data-icon="icon-download-alt">icon-download-alt</option> 
    <option data-icon="icon-download">icon-download</option> 
    <option data-icon="icon-upload">icon-upload</option> 
    <option data-icon="icon-inbox">icon-inbox</option> 
    <option data-icon="icon-play-circle">icon-play-circle</option> 
    <option data-icon="icon-repeat">icon-repeat</option> 
    <option data-icon="icon-refresh">icon-refresh</option> 
    <option data-icon="icon-list-alt">icon-list-alt</option> 
    <option data-icon="icon-lock">icon-lock</option> 
    <option data-icon="icon-flag">icon-flag</option> 
    <option data-icon="icon-headphones">icon-headphones</option> 
    <option data-icon="icon-glass">icon-glass</option> 
    <option data-icon="icon-music">icon-music</option> 
</select> 

답변

0
<link href="source/bootstrap_select/bootstrap-select.css" media="screen" rel="stylesheet" type="text/css" /> 

가 실종됐다!

관련 문제