En utilisant Twitter Bootstrap dans ASP.NET projet

Je suis en train d'écrire mon premier ASP.NET site web et j'ai vraiment envie d'utiliser le Twitter Bootstrap, mais je ne suis pas au premier obstacle.

J'ai téléchargé le fichier Zip à partir de ici, décompressé et ajouté les fichiers de ma solution et les lignes suivantes à mon _LAyout.cshtml fichier:

<link href="@Url.Content("~/Context/bootstrap.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/bootstrap.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap-min.js")" type="text/javascript"></script>

Voici une capture d'écran montrant les fichiers ci-dessus dans ma solution:

En utilisant Twitter Bootstrap dans ASP.NET projet
En utilisant Twitter Bootstrap dans ASP.NET projet

Je suis en train de créer une barre de menu en haut avec ce code, qui a été prise à partir de cette turorial

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Context/bootstrap.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/bootstrap.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap-min.js")" type="text/javascript"></script>

</head>
<body>
    <div class="topbar">
        <div class="fill">
            <div class="container">
                <h3>Present Ideas</h3>
                <ul>
                    <li>Blog</li>
                    <li>About</li>
                    <li>Help</li>
                </ul>
                <ul class="nav secondary-nav">
                    <li class="menu">
                        <a href="#" class="menu">Account Settings</a>
                        <ul class="menu-dropdown">
                            <li>Login</li>
                            <li>Register</li>
                            <li class="divider"></li>
                            <li>Logout</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container-fluid">
            @RenderBody()
        </div>
        <footer>
        </footer>
    </div>
</body>
</html>

Ce que je reçois, au lieu de la barre horizontale est: est-ce

En utilisant Twitter Bootstrap dans ASP.NET projet

Je vous serais reconnaissant de toute aide pour me faire avec ce qui promet d'être un excellent cadre.

OriginalL'auteur Stu | 2012-02-11