Comment étendre les classes de bootstrap

Je suis en train de faire mes premiers pas avec Bootstrap de Twitter, et de la nécessité d'étendre les composants.
Par exemple, je voudrais changer la barre de navigation de fond, mais sans modifier l'original fichier css.

J'ai essayé de créer une nouvelle classe .test avec le nouveau fond:

.test{
    background-color: red !important;
}

Et j'ai invoqué dans le hmtl comme:

 <div class="navbar navbar-fixed-top test">

Mais, il ne fonctionne pas.
Comment peut-elle faire cela?

  • A ma réponse travail? Je vois que vous avez demandé à un autre de Bootstrap CSS remplacent question: stackoverflow.com/questions/17355943/...
  • Vous devez accepter la réponse, de manière à montrer qu'il est résolu.
InformationsquelleAutor ramiromd | 2013-06-27
  1. 9

    Il ya quelques façons de le personnaliser/étendre Bootstrap classes dont il est question ici: Twitter Bootstrap Personnalisation Des Meilleures Pratiques

    Si vous avez l'intention de remplacer le bootstrap de styles avec votre propre CSS personnalisé que vous devriez éviter d'utiliser des !important comme c'est généralement une mauvaise pratique.

    Dans le cas de la navbar, l'élément qui a la couleur d'arrière-plan est navbar-inner si vous voulez le remplacer comme ceci:

    .test .navbar-inner{
    background-color: red;
}

    Personnalisé navbar exemple: http://bootply.com/61032

    Comment étendre/modifier (personnaliser) Bootstrap 4 avec SASS

    • > Il y a 2 quelques façons... tu veux dire "Il y a 2 façons de..." ou "Il y a trop peu de moyens..."? Juste vérifier si je comprends bien ce que la réponse est correcte.
    InformationsquelleAutor Zim