Comment changer la couleur de fond par défaut blanche à autre chose dans twitter bootstrap

Je suis la construction d'une application web où j'ai mis mon défaut de la couleur au bleu marine à l'aide de css. Mais quand j'ai ajouté le twitter bootstrap css dans ma page je n'ai pas trouvé ma couleur bleu marine au lieu de cela, j'ai trouvé le fond blanc de couleur fournis par twitter bootstrap.

Ma requête est que la partie de css dois-je changer dans le bootstrap de changer ma page d'arrière-plan.

  • Tu veux dire la couleur de la carrosserie?
  • Qu'avez-vous essayé jusqu'à présent? Cela semble être une tâche assez simple si vous avez votre propre feuille de style en travaillant en tandem avec le bootstrap de la feuille de style.
InformationsquelleAutor SM Farhad Ali | 2012-05-26
  1. 52

    Vous pouvez remplacer Amorce CSS par défaut en ajoutant vos propres règles.

    <style type="text/css">
   body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>
    InformationsquelleAutor Jako
  2. 12

    Je recommande de ne pas modifier l'bootstrap, fichiers CSS. Si vous ne voulez pas utiliser de Jako première solution, vous pouvez créer un fichier d'amorce de la feuille de style avec le Bootstrap générateur de thème (Bootstrap thème des générateurs). De cette façon, vous pouvez utiliser 1 de la feuille de style avec l'ensemble de la valeur par défaut de Bootstrap CSS avec juste le changement que vous souhaitez. Avec un Bootstrap générateur de thème, vous n'avez pas besoin d'écrire du CSS. Vous ne devez définir la valeur hexadécimale de la couleur que vous voulez pour le corps (de l'Échafaudage; bodyBackground).

    InformationsquelleAutor Theo
  3. 11

    Vous devez remplacer le bootstrap par défaut en étant un peu plus précis. Essayez ceci pour un fond noir:

    html body {
    background-color: rgba(0,0,0,1.00);

}
    • Quelqu'un peut m'expliquer pourquoi la couleur hexadécimale code ne fonctionne pas, mais le format rgba fait dans mon cas, pour le même CSS?
    InformationsquelleAutor Richie
  4. 5

    Vous pouvez simplement ajouter cette ligne dans votre bootstrap_and_overides.css.moins fichier

    body { background: #000000 !important;}

    que c'est

    InformationsquelleAutor user3209457
  5. 5

    Je suis en utilisant le cdn de bootstrap, la solution que j'ai trouvé:
    Tout d'abord inclure le cdn bootstrap, alors vous incluez le fichier .css où vous modifiez les styles par défaut de bootstrap.

    InformationsquelleAutor CarMoreno
  6. 3

    Bootstrap 4 propose des méthodes normalisées pour cela, décrits en détail ici: https://getbootstrap.com/docs/4.3/getting-started/theming

    Par exemple. vous pouvez remplacer les valeurs par défaut en définissant simplement les variables dans le fichier SASS, où vous importez des fichiers d'amorce. Un exemple tiré de la doc (qui répond aussi à la question):

    //Your variable overrides
$body-bg: #000;
$body-color: #111;

//Bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";
    InformationsquelleAutor Zoltan Peller
  7. 2

    Ajouter votre propre .fichier css & y mettre:

    body{
    background: navy;
}

    Important: Tout en incluant les fichiers css dans le html, ajoutez d'abord le cdn de bootstrap css, puis seulement inclure votre propre .fichier css. De cette façon, stylings dans votre propre fichier css remplace le comportement par défaut de bootstrap css.

    InformationsquelleAutor abhishek kumar
  8. 0

    Son recommandé de ne pas écraser un fichier de bootstrap, juste dans votre style local.css utilisation

    body{background: votre couleur !important;

    ici !important déclaration écraser valeur bootstrap.

    InformationsquelleAutor karunesh
  9. 0

    comment changer la couleur de fond dans le html & css avec classe

    exemple:

    sur le code html que vous écrivez

    <div class="pad_menu">
</div>

    sur css

    .pad_menu {
   padding: 100px;
   background-color: #A9FFCB;
}

    de sorte que votre arrière-plan aura des changements à la Magie, à la Menthe, si vous voulez connaître le code de la couleur, je vous suggère de visiter https://coolors.co. Espérons que cela est utile 🙂

    InformationsquelleAutor N. Syawali. A