web-dev-qa-db-fra.com

Comment changer la couleur de fond par défaut blanche en autre chose dans le bootstrap de Twitter

Je construis une application Web où j'ai défini ma couleur par défaut sur bleu marine à l'aide de css. Mais lorsque j'ai ajouté le css de Twitter sur ma page, je n'ai pas trouvé la couleur bleu marine, mais le fond blanc fourni par Twitter.

Ma question est la suivante: quelle partie des fichiers css devrais-je modifier lors de l’amorçage pour modifier l’arrière-plan de ma page?.

css3twitter-bootstrap
25
SM Farhad Ali

Vous pouvez écraser les CSS par défaut de Bootstraps 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>
43
Jako

Je ne recommanderais pas de changer les fichiers CSS d'amorçage actuels. Si vous ne souhaitez pas utiliser la première solution de Jako, vous pouvez créer une feuille de style d'amorçage personnalisée avec l'un des générateurs de thème Bootstrap disponibles ( Générateurs de thème Bootstrap ). De cette façon, vous pouvez utiliser 1 feuille de style avec tous les CSS Bootstrap par défaut, avec uniquement le changement que vous souhaitez. Avec un générateur de thèmes Bootstrap, vous n'avez pas besoin d'écrire de CSS. Il vous suffit de définir les valeurs hexadécimales de la couleur souhaitée pour le corps (Échafaudage; corps à l'arrière-plan).

12
Theo

Vous devez remplacer la valeur par défaut du bootstrap en étant un peu plus spécifique. Essayez ceci pour un fond noir:

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

}
9
Richie

J'utilise cdn bootstrap, la solution que j'ai trouvée était la suivante: .___. Commencez par inclure le cdn bootstrap, puis le fichier .css dans lequel vous modifiez les styles par défaut de bootstrap. 

5
CarMoreno

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

body { background: #000000 !important;}

c'est tout

5
user3209457

Ajoutez votre propre fichier .css et mettez-le:

body{
    background: navy;
}

Important: Lorsque vous incluez des fichiers CSS au format HTML, commencez par inclure les fichiers css Bootstrap css, puis n'incluez que votre propre fichier. De cette façon, les styles de votre propre fichier CSS annulent le comportement par défaut de Bootstrap css.

2
abhishek kumar

comment changer la couleur de fond en html et css avec la classe

exemple:

sur html vous écrivez

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

sur css

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

donc votre fond sera changé dans Magic Mint, si vous voulez connaître le code de la couleur, je vous suggère de visiter https://coolors.co J'espère que cela vous sera utile :)

0
N. Syawali. A

Il n'est pas recommandé d'écraser le fichier bootstrap, juste dans votre utilisation locale style.css

body {background: your color! important ;

ici! important déclaration écrase la valeur de bootstrap.

0
karunesh