recherche

Maison  >  Questions et réponses  >  le corps du texte

Pourquoi mon style de classe Bootstrap ne prend-il pas effet ?

Je suis donc nouveau en HTML, CSS et bootstrap et je n'arrive pas à mettre à jour la valeur de ma feuille de style en aperçu, voici le libellé de mon bouton et sa valeur :

<button class="btn btn-primary btn-xl">Find out More</button>

Mais quand j'essaie de changer le style de la valeur btn-xl dans mon CSS,

.btn-xl {
    padding: 1rem 2rem;
}

Toutes les modifications que j'apporte n'apparaîtront pas dans l'aperçu. S'il vous plaît, quelqu'un me dit où est-ce que je me trompe ?

J'ai donc essayé de vérifier mes liens, il y a peut-être une erreur dans l'en-tête du lien reliant mon HTML et mon CSS, mais il n'y a rien de mal là-bas. J'ai vérifié les fautes de frappe qui pourraient entrer en conflit, mais ce n'est certainement pas une faute de frappe, donc je suis complètement perdu.

P粉541565322P粉541565322426 Il y a quelques jours732

répondre à tous(1)je répondrai

  • P粉293550575

    P粉2935505752023-09-15 00:05:58

    Il semble que votre problème soit dû au fait que Bootstrap remplace la valeur. Il peut s'agir d'un problème lié à l'ordre dans lequel vous avez ajouté les feuilles de style ou d'un problème de spécificité. Si vous changez le nom de la classe, cela devient :

    .btn.btn-xl {
        padding: 1rem 2rem;
    }
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.css" rel="stylesheet"/>
    
    <button class="btn btn-primary btn-xl">了解更多</button>

    Si vous souhaitez modifier le style de tous les boutons, vous pouvez mettre à jour les variables utilisées par Bootstrap pour ajuster le remplissage.

    répondre
    0
  • Annulerrépondre