Question

我正在尝试在visual studio 2010 ultimate中使用与asp.net的twitter bootstrap。我找不到任何解释如何设置它的原因和原因。我尝试的一切都不太奏效。大多数文章都是针对MVC而且我还是asp.net的新手，所以我想在尝试mvc之前先从基础开始。

我最接近的是让风格起作用，但无论我尝试什么样的例子，javascript似乎都不起作用。这是我最接近的。它是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…</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（）显示为文本。

我找不到任何有效的例子。任何帮助都会非常感激，因为我开始围绕圈子

Answer 1

这不是asp.net的问题，你只需要在bootstrap include之前移动jquery JS文件。

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

twitter bootstrap的基本asp.net设置

1 个答案: