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:
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
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
Vous devez vous connecter pour publier un commentaire.
Vous êtes en utilisant Twitter Bootstrap 2.0, mais le tutoriel a été écrit pour Twitter Bootstrap 1.0, il y a eu très peu de changements à l'annotation que vous devez utiliser pour obtenir le look désiré.
Il explique certains des changements à la barre de navigation dans le composant changelog, il y a aussi quelques exemples de base de la façon dont c'est fait maintenant:
http://getbootstrap.com/2.3.2/getting-started.html#examples
http://getbootstrap.com/2.3.2/components.html#navbar
Aussi (sans rapport avec la question), vous êtes, y compris les deux la version compacte et la version standard de l'css/js, vous avez seulement besoin d'inclure un de chaque.
OriginalL'auteur pjumble