[Résolu] Bootstrap et personnaliser alert-info

Bonjour,

J'utilise la fonction alert-info de Bootstrap qui fonctionne très bien mais je souhaite la personnaliser.

Le peu d'informations que j'ai trouvé à ce sujet indique de modifier le nom de la classe alert-info par autre chose (ex : alert alert-info-custom alert-dismissible) puis de la gérer dans la css mais le soucis est que la mise en forme disparaît complètement.

Je n'ai même pas pu personnalisé en rajoutant une bordure ou en modifiant les couleurs, sans doute parasité par "alert".

Y a-t-il vraiment la possibilité de personnaliser ceci ?

Je vous remercie.

Ps : je n'ai pas non plus réussi à personnalisé en laissant la classe par défaut sauf l'emplacement.
Modifié par Xhanxhand (18 Sep 2020 - 19:38)

C'est peut-être un problème de "priorité" ( je ne connais plus le therme précis ).
Essaye de mettre !important après tes propriété CSS.
https://stackoverflow.com/questions/5701149/when-to-use-the-important-property-in-css

Excellent !

J'avais déjà vu l'attribut "!important" sans y prêter plus attention. Grâce à toi, j'ai compris son utilité et effectivement, mes modifications sont bien prises en compte.

Un grand merci pour ton aide
Modifié par Xhanxhand (19 Sep 2020 - 12:05)