web-dev-qa-db-fra.com

Le thème Bootswatch ne fonctionne pas correctement

C'est la première fois que je travaille avec ASP.NET, j'essaie d'utiliser un thème Bootswatch, mais lorsque j'essaie de l'utiliser, la barre de navigation en haut de la page se transforme en un menu déroulant étrange.

Est-ce que je fais quelque chose de mal? Je viens de remplacer le bootstrap.css actuel par le nouveau de Bootswatch.

This is the result

cssasp.netasp.net-mvctwitter-bootstrapbootswatch
12
Luke Derkzen

Vérifiez la version compatible de la page Bootswatch

1) https://bootswatch.com/

2) https://bootswatch.com/3/

Essayez les deux. L'un d'eux devrait fonctionner

15
Soham Mehta

Le problème était que la version de bootstrap utilisée dans les modèles mvc par défaut et la version des thèmes de bootswatch ne correspondaient pas.

Je l'ai corrigé en téléchargeant un thème compatible à partir de ce lien https://bootswatch.com/3/

Le plus simple sera de rétrograder vers boostwatch basé sur bootstrap3, bootswatch.com/3, ou bien vous pouvez mettre à jour le html avec les nouvelles directives bootstrap4

Merci à StaticBeagle pour sa réponse rapide!

9
Luke Derkzen

J'ai eu le même problème, la meilleure façon de résoudre ce problème était de rétrograder ou d'utiliser une version alternative 3 ou 4 en utilisant la balise URL d'importation

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
/*!
 * bootswatch v3.4.1
 * Homepage: http://bootswatch.com
 * Copyright 2012-2019 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

et cela vient de résoudre mon problème merci à tous

0
Tapesh Patel

Bootswatch est une très bonne ressource mais vous pouvez également trouver de bonnes ressources comme certains modèles gratuits conçus pour ASP.NET MVC qui utilisent MDBootstrap (un framework frontal construit au-dessus de Bootstrap) ici:

Modèles MDB ASP.NET MVC

0
Ignacio

J'ai eu le même problème et j'ai réalisé que dans le fichier CSS my bootswatch, il utilise v4.x qui est la dernière version actuelle. Pour résoudre ce problème, j'ai simplement rétrogradé à v3.x en naviguant vers les versions précédentes de bootswatch et copié le contenu du fichier css dans mon projet et cela a fonctionné. Voici le lien vers la version déclassée https://bootswatch.com/3/Lumen/#navbar

0
Kenny Catalyst Lattimore