Question

我想使用bootstrap框架和http://silviomoreto.github.io/bootstrap-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>

请帮忙。

Answer 1

我没有看到对实际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 - 所以请确保你也包含它（之前的bootrap.js）。 / p>
编辑2

我也怀疑你的路径不正确。如果这是您的javascript的路径：

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

然后很可能是你的css的路径（假设你刚刚丢弃了bootstrap并没有把它放在另一个文件夹中）：

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

扩展bootstrap选择

1 个答案: