如何使用Bootstrap-select？ [英] How to use Bootstrap-select?
问题描述
我对此很陌生。我正在尝试使用 Bootstrap-select ，但我没有像这样获得所需的效果 http://silviomoreto.github.com/bootstrap-select/ 。我已经下载了这些文件，并指出了CSS和JS的头部。我已经在头部启用了Bootstrap-通过JavaScript选择，仍然无法工作 - 我只是获得默认外观。这是我的完整代码。我在这里做错了什么？任何提示将不胜感激。
$ b
< html>
< head>
< meta content =text / html; charset = utf-8http-equiv =Content-Type>
< title>无标题1< / title>
< link href =bootstrap-master / docs / assets / css / bootstrap.css =stylesheet/>
< link href =bootstrap-master / docs / assets / css / bootstrap-select.css =stylesheet/>
< script src =bootstrap-master / docs / assets / js / bootstrap-select.jstype =text / javascript>< / script>
< script>
$（'。selectpicker'）。selectpicker（{
style：'btn-info'，
size：4
}）;
< / script>
< / head>
< body>
< select class =selectpicker>
< option>芥末< / option>
< option> Ketchup< / option>
< option> Relish< / option>
< / select>
< / body>
< / html>
我有类似的问题。这里有一个适用于后来像我这样做过的任何人的例子。
请注意， 2 CSS 文件和 3 JavaScript
$（document）.ready（function（e）{$（'。selectpicker'）。 < link href =https://github.com/blogs/default.aspx> < script src =http://netdna.bootstrapcdn.com/twitter-引导/ 2.3.1 / JS / bootstrap.min.js>< / SCRI pt>< script src =https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.3/js/bootstrap-select.min.js>< / script>< select类= selectpicker > <选项>芥菜< /选项> <选项>番茄酱< /选项> < option> Relish< / option>< / select>
I’m new to this. I’m trying the Bootstrap-select but I’m not getting the desired effect like here http://silviomoreto.github.com/bootstrap-select/. I have downloaded the files and pointed to the CSS and JS in the head. I have enabled Bootstrap-select via JavaScript in the head as well and still not working – I’m just getting the default appearance. Here is my complete code. What am I doing wrong here? Any tips will be appreciated.
<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>
I had a similar problem. Here is a working example for anyone coming to this question later like I did.
Note there are 2 CSS files and 3 JavaScript files you must include.
$(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>
这篇关于如何使用Bootstrap-select？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
