3

我正在尝试在 Visual Studio 2010 Ultimate 中使用 twitter bootstrap 和 asp.net。我找不到任何解释如何设置它以及为什么的东西。我尝试的一切都不太奏效。大多数文章都是针对 MVC 的，而我对 asp.net 还是新手，所以我想在尝试 mvc 之前先从基础开始。

我最接近的是让样式工作，但无论我尝试什么例子，javascript似乎都不起作用。这是我得到的最接近的。它是 bootstrap 网站上的模态示例片段和我发现的一些关于将 bootstrap 与 mvc 结合使用的博客的混搭。

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication6.WebForm3" %>


<!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 id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="~/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/bootstrap-responsive.min.css" />


</head>
<body>
    <script type="text/javascript" src="~/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/js/jquery-1.8.2.min.js"></script>
    <form id="form1" runat="server">

        <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

        <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Modal header</h3>
            </div>
            <div class="modal-body">
            <p>One fine body…&lt;/p>
            </div>
            <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Save changes</button>
            </div>
            @RenderBody()
        </div>
    </form>
</body>
</html>

这些文件都在链接的位置。我开始认为我需要安装一些先决条件或其他东西。@RenderBody() 显示为文本。

我找不到任何有效的例子。任何帮助将不胜感激，因为我开始兜圈子

4

1 回答 1

3

这不是 asp.net 的问题，您只需在引导包含之前移动 jquery JS 文件。

如果您使用带有 javascript 控制台（如 chrome）的浏览器，它将对您有很大帮助，该错误并不总是告诉您确切的问题是什么，但它可以帮助缩小范围。

于 2012-10-31T11:28:46.667 回答