Je suis débutant à Bootstrap, et maintenant j'apprends Bootstrap
et j'ai une question à propos de la modification des classes de bootstrap p>
Je veux éditer les classes de bootstrap par exemple je veux changer la frontière Taille et couleur, P>
i Créez le fichier (Main.css) et la classe d'appel par exemple: Tableau
et définir la nouvelle bordure et la nouvelle couleur dans Main.css: p> mais ce code dans le fichier principal ne fonctionne pas!
Il convient de noter que j'appelle le fichier main.css dans mon code HTML avec ce code: p>
3 Réponses :
En supposant que vous utilisez les mêmes classes de sélecteur qui affectent l'élément que vous souhaitez modifier la frontière (vous pouvez vérifier cela à l'aide d'outils d'inspection dans un navigateur et en regardant le CSS), assurez-vous que vous incluez votre propre CSS. fichier Veuillez également noter que certaines classes de bootstrap ont une importance importante figurant sur certaines des règles de style, cela signifie que la règle ne sera pas remplacée par CSS sans! Attribut important (.table n'a pas cela, mais vous ne pouvez pas changer un classe qui fait plus tard). p>
Un autre facteur à considérer est que votre navigateur peut être en cache de vos fichiers CSS, en tant que telle modification peut ne pas être affichée dans votre navigateur. Vous devriez effacer ce cache pour voir si cela aide. P>
C'est la voie à suivre! Je suis d'accord ! Important code> est une solution valide, mais aussi une solution de contournement sale. Que je ne suggérerais pas.
Merci votre description est parfaite
Assurez-vous d'appeler votre fichier MAINT.CSS après le fichier BOOTSTRAP.
.table{ border : 2px solid red !important; }
classe avec nom html p> css < / p> https://codepen.io/omarmakled/ stylo / xeazpy p> https://seesparkbox.com/foundry/bem_by_example < / a> p> https://getbootstrap.com/docs/4.3 / contenu / tables / p> p> .table code> est très générique, vous devrez peut-être réfléchir à nouveau dans la convention de dénomination.
La classe .table est utilisée dans Bootstrap, il s'agit des souhaits de l'affiche d'origine de remplacer les styles au sein de cette classe avec leur propre, comme ils doivent utiliser les mêmes sélecteurs. Dans ce cas, ce serait la classe .table.
bordure: 2px solide; code> développeur.mozilla. org / fr-nous / docs / Web / CSS / Border
Essayez d'ajouter! IMPORTANT DE LA PARTICULIÈRE AS, .TABLE {Border: 2px Solide Rouge! IMPORTANT};