2013-05-21 101 views
0

我想使用引導程序框架以及http://silviomoreto.github.io/bootstrap-select/。它只是沒有用。以下是代碼。請幫忙。擴展引導程序select

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Final_Year_Project_Allocation_System.silviomoreto_bootstrap_select_d4ec9bd.WebForm1" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 

    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 

    <link href="bootstrap-select.css" rel="stylesheet" type="text/css" /> 
    <link href="bootstrap-select.css" rel="stylesheet" type="text/css" />  

    <script src="../bootstrap/js/bootstrap.js" type="text/javascript"></script> 
    <script src="bootstrap-select.js" type="text/javascript"></script> 


</head> 
<body> 
    <form id="form1" runat="server" > 
    <div> 
    <select class="selectpicker"> 
<option>Mustard</option> 
<option>Ketchup</option> 
<option>Relish</option> 
</select> 
    </div> 
    </form> 

</body> 
</html> 

請大家幫忙。

+0

錯誤控制檯是否報告任何錯誤?你可以驗證所有的腳本正在加載? –

+0

你仍然有'bootstrap-select.css'兩次(在你編輯之後)。 'bootstrap.css'仍然不存在。 –

回答

2

我沒有看到對實際bootstrap.css的引用? 你需要有類似的信息(注意順序 - 這一點很重要):

<link href="bootstrap.css" rel="stylesheet" type="text/css" /> 
<link href="bootstrap-select.css" rel="stylesheet" type="text/css" /> 

然後JS

<script src="../bootstrap/js/bootstrap.js" type="text/javascript"></script> 
<script src="../bootstrap/js/bootstrap-select.js" type="text/javascript"></script> 

確保路徑是正確的,當然

編輯

我也敢肯定,boostrap.js擁有jQuery的依賴 - 所以一定要包括它,以及(的bootsrap.js)。

EDIT 2

我也懷疑你的路徑是不正確的。如果這是你的JavaScript的路徑:

"../bootstrap/js/bootstrap.js" 

那麼最有可能爲你的CSS路徑將是(假設你剛剛落下引導原樣,並沒有將它放在不同的文件夾):

"../bootstrap/css/bootstrap.css"