米拉尤咕的部落格

[展示影片]

[step1 使用nuget安裝bootstrap-select]

[step2 引用檔案 "bootstrap-select.js" 與 "bootstrap-select.css"]

<script type="text/javascript" src="@Url.Content("~/Scripts/bootstrap-select.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Styles/bootstrap-select.css")" />
 

[step3 套用 class：selectpicker]

<div class="row">
    <div class="col-lg-2 col-md-2">
        <div class="form-group">
            <select id="FruitCategory" class="selectpicker form-control FruitCategory validate[required]" data-show-subtext="true" data-live-search="true" title="水果種類" multiple name="FruitCategory">
                <option value="1">西瓜</option>
                <option value="2">葡萄</option>
                <option value="2">鳳梨</option>
            </select>
        </div>
    </div>
</div>