我是新手。我正在尝试使用 Bootstrap-select 但我没有像此处那样获得预期的效果 https://developer.snapappointments.com/bootstrap-select/ .我已经下载了文件并指向头部的CSS和JS。我也在头部通过 JavaScript 启用了 Bootstrap-select，但仍然无法正常工作——我只是获得了默认外观。这是我的完整代码。我在这里做错了什么？任何提示将不胜感激。
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<link href="bootstrap-master/docs/assets/css/bootstrap.css" rel="stylesheet" />
<link href="bootstrap-master/docs/assets/css/bootstrap-select.css" rel="stylesheet" />
<script src="bootstrap-master/docs/assets/js/bootstrap-select.js" type="text/javascript"></script>
<script>
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});
</script>
</head>
<body>
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</body>
</html>
最佳答案
我遇到了类似的问题。这是一个工作示例，供以后像我一样回答这个问题的任何人使用。
请注意，您必须包含 2 个 CSS 文件和 3 个 JavaScript 文件。
$(document).ready(function(e) {
$('.selectpicker').selectpicker();
});<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.3/css/bootstrap-select.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.3/js/bootstrap-select.min.js"></script>
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>关于jquery - 如何使用 Bootstrap 选择？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15726411/