2013-12-23 94 views
1

我必須錯過簡單的東西。但我進口bootstrap 3是這樣的:Bootstrap-Switch和Bootstrap 3?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css"> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> 

哪個工作正常。然後,我嘗試使用他們在其示例頁面上使用的CSS導入bootstrap-switchhttp://www.bootstrap-switch.org/。哪個不行。我應該輸入什麼來獲得以下功能:

<div class="make-switch switch-mini"> 
<input type="checkbox" checked> 
</div> 

在此先感謝白癡指導。

回答

2

向下滾動到的bootstrap-switch頁面的底部,你會發現:

<script src="static/js/bootstrap-switch.js"></script> 

你有這個js文件丟失。
它們總是在頁面底部包含js文件以減少頁面加載時間! :)

+0

感謝完整的答案,我不知道人們這樣做,所以從來沒有想過要看底部。 –

1

還有一個bootstrap-switch.js你必須包括。你只提到了CSS。這可能是問題嗎?

1

你錯過了包括bootstrap-swith.js

<script src="static/js/bootstrap-switch.js"></script>