Je passe par l'application Sports Store dans le livre Pro ASP.Net Core MVC par Adam Freeman. Dans le chapitre 8 vers la fin, il commence à ajouter dans certains styles avec bootstrap.bootstrap ne fonctionne pas lorsque je télécharge avec bower dans Visual Studio 2015
Étape 1: Ajouter un fichier bower.json et ajouter la dépendance bootstrap:
{
"name": "asp.net",
"private": true,
"dependencies": {
"bootstrap": "3.3.7"
}
}
Étape 2: Ajoutez cette ligne vous mise en page:
<link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" />
Maintenant, tout le code de mise en page ressemble à ceci :
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" />
<title>SportsStore</title>
</head>
<body>
<div class="navbar navbar-inverse" role="navigation">
<a class="navbar-brand" href="#">SPORTS STORE</a>
</div>
<div class="row panel">
<div id="categories" class="col-xs-3">
Put something useful here later
</div>
<div class="col-xs-8">
@RenderBody()
</div>
</div>
</body>
</html>
Maintenant, si j'inspecte le code html je peux voir les fichiers bootstap tiré dans:
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css">
Alors maintenant, à ce stade si je lance le code je devrais voir une barre de navigation noire avec le titre SPORTS STORE dans tout blanc avec des styles de barre de navigation bootstrap. Avec également le corps de rendu, il existe une liste de produits qui s'affichent dans un style bootstrap.
Et la marge gauche habituelle ne fonctionne pas.
Impossible d'obtenir les styles bootstrap à prendre en compte.
Quelqu'un a-t-il une idée des raisons pour lesquelles il est si difficile d'obtenir un effet bootstrap?
MISE À JOUR 1: Eh bien, je pense que faire le tour j'ai changé la dépendance en 3.3.6. Il ne nettoie pas 3.3.7 donc j'ai les deux dossiers:
1) www/lib/bootstrap.
2) www/lib/bootstrap-css
Si je signale bootstrap css tout semble fonctionner.
Voilà à peu près comment cela s'est passé dans mes propres projets. Je peux utiliser la tondeuse pour presque toute dépendance comme angulaire. Mais j'ai des problèmes avec bootstrap.
Fondamentalement, j'ai téléchargé une ancienne version de bootstrap avant la nouvelle disposition des fichiers et en mettant manuellement sous www/lib/bootstrap. Je suis assez mauvais et ignorant sur les outils côté client et la construction de bibliothèques côté client et autres. Ai-je raté une étape ici?