Bootstrap ne fonctionnera pas correctement
J'ai essayé ce code exact sur mon autre ordinateur et une fois l'exécuter est affichée différemment. Pourriez-vous me montrer correctement comment je devrais insérer les références? Aussi comment pourrais-je remplacer le style du bootstrap par défaut? Je pense que c'est toute l'information dont vous avez besoin, mais si vous avez besoin d'autre chose il suffit de demander.
Je suppose que votre fichier html est à l'intérieur dossier wwwroot, donc:
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
<style>
...
</style>
</head>
Mon fichier html est dans mon dossier Views, il n'est pas dans le dossier wwwroot. –
Je suis désolé mais je ne vois pas de dossier Views dans votre ss. Définissez simplement le bon chemin du fichier bootstrap dans votre fichier html. – wdika
ouais, la chose fonctionne bien sur un ordinateur et de l'autre (exactement le même code) les liens sont à peu près les liens par défaut –
Où avez-vous:
<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
Retirez le ~.
Je crois que le ~ est un truc de Windows seulement utilisé pour trouver le chemin. Si c'est votre mac où Bootstrap ne fonctionne pas, alors je suis sûr à 98% que c'était le problème. ~ n'est pas utilisé dans l'environnement mac pour les chemins comme sur Windows.
Vous devrez également faire cela pour que vos autres chemins soient trouvés de cette façon.
Ils sont les deux fenêtres mais l'un d'entre eux fonctionne sur le bureau parallèle, exactement le même code mais quand je cours les liens ne sont pas décorés –
Entrer et modifier le bootstrap CSS peut être un peu compliqué alors je crée généralement un nouveau fichier CSS avec mes modifications. Comme CSS est en cascade de feuilles de style, je m'assure que mon fichier CSS est la dernière feuille de style de la section head, donc elle remplace les feuilles de style au dessus.
L'emplacement de votre fichier CSS en référence à votre fichier HTML déterminera à quoi ressemble le chemin du fichier dans votre référence. Si votre fichier HTML se trouve dans le répertoire racine, les références/chemins mentionnés dans les autres réponses devraient fonctionner.
Comme indiqué ci-dessus:
<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
Retirer ~.
Si vous souhaitez remplacer CSS lieu le default.css ou votre css après celui que vous souhaitez remplacer par exemple:
<!-- Bootstrap and Custom CSS Style Sheets -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/default.css">
Fournir votre script –
Vous devez inclure Jquery avant d'inclure bootstrap –
Vos ordinateurs à la fois windows ou c'est une fenêtre et un mac? Parce qu'en lisant le "~" dans votre chemin vers bootstrap, il semble que les "macs" n'ont pas le "~" comme quelque chose qui devrait être inclus dans le chemin. En fait, d'après ce que je sais, seules les machines UNIX l'utilisent, donc les macs ne savent pas ce que cela signifie. –