3

Visual Studio 2010 Ultimate で、asp.net で Twitter ブートストラップを使用しようとしています。設定方法とその理由を説明するものは何も見つかりません。私が試したことはすべてうまくいきません。ほとんどの記事は MVC に関するもので、まだ asp.net は初めてなので、mvc を試す前に基本から始めたいと思います。

最も近いのはスタイルを機能させることですが、どの例を試してもjavascriptが機能しないようです。これが私が持っている最も近いものです。これは、ブートストラップ Web サイトのモーダル サンプル スニペットと、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 ファイルを移動する必要があるだけです。

Chrome などの JavaScript コンソールを備えたブラウザを使用すると、エラーが常に正確に表示されるとは限りませんが、問題を絞り込むのに役立ちます。

于 2012-10-31T11:28:46.667 に答える