2013-03-31 2 views
11

これは初めてです。私はブートストラップを選択しようとしていますを選択しますが、私はここのような希望の効果を得ていませんhttp://silviomoreto.github.com/bootstrap-select/。私はファイルをダウンロードして、頭にCSSとJSを指摘しました。私はBootstrap-selectを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> 
+1

最初にjqueryをインポートするのを忘れた – silviomoreto

答えて

3

はjqueryのライブラリとブートストラップJS

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="bootstrap-master/docs/assets/js/bootstrap.min.js" type="text/javascript"></script> 

とコードを含めるよう

$(document).ready(function() { 
$('.selectpicker').selectpicker({ 
     style: 'btn-info', 
     size: 4 
    }); 
    }); 

注: 常にページの速度を上げるために、縮小さCSSやJSを使用

+0

感謝のタミル語。私はこの <スクリプトSRC = "// ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> それでも – user2228523

+0

は、ブートストラップJSが含ま意図したとおりのレンダリングではないが含まれています –

+0

私は