<!DOCTYPE html>
<html>
<head>
<title>Bootstrap-select test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="dist/css/bootstrap-select.css">
<style>
body {
padding-top: 70px;
}
</style>
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="dist/js/bootstrap-select.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Bootstrap-select usability tests</a>
</div>
</div>
</nav>
<div class="container">
<div class="form-group">
<label for="tokens">Key words (data-tokens)</label>
<select id="tokens" class="selectpicker form-control" multiple data-live-search="true">
<option data-tokens="first">I actually am called "one"</option>
<option data-tokens="second">And me "two"</option>
<option data-tokens="last">I am "three"</option>
<option>美丽新世界</option>
<option>花花世界</option>
<option>花花公子</option>
</select>
</div>
<hr>
<form class="form-inline">
<div class="form-group">
<label class="col-md-1 control-label" for="lunchBegins">Lunch (Begins search):</label>
</div>
<div class="form-group">
<select id="lunchBegins" class="selectpicker" data-live-search="true" data-live-search-style="begins" title="Please select a lunch ...">
<option>Hot Dog, Fries and a Soda</option>
<option>Burger, Shake and a Smile</option>
<option>Sugar, Spice and all things nice</option>
<option>Baby Back Ribs</option>
<option>A really really long option made to illustrate an issue with the live search in an inline form</option>
<option>我的测试</option>
<option>我的世界</option>
<option>美丽新世界</option>
<option>花花世界</option>
</select>
</div>
</form>
</div>
</body>
</html>
自己整理的bootstrap_select
需积分: 10 191 浏览量
2018-05-22
09:51:03
上传
评论
收藏 201KB ZIP 举报
testdemo2.zip （13个子文件） 
testdemo2 
jquery.min.js 94KB bootstrap css bootstrap.min.css 115KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB bootstrap.min.js 35KB
newdemo.html 2KB dist css bootstrap-select.css 8KB bootstrap-select.min.css 6KB js bootstrap-select.js 67KB bootstrap-select.min.js 33KB资源评论
