web-dev-qa-db-fra.com

Comment changer la couleur de fond de Twitter bootstrap

J'ai déjà essayé la fonction personnalisée sur le site Web, mais continue de me donner une erreur, et j'ai aussi essayé la méthode BASIC:

body {background-color:red;}

alors, est-ce que quelqu'un sait?

csshtml5twitter-bootstrap
6
betoharres

Téléchargez tous les fichiers d'amorçage et quelque part dans le fichier .css, ajoutez:

body {
   background:red !important;
}
13
scooterlord

La bonne façon de changer la couleur de fond dans Bootstrap 3 consiste à utiliser les classes bg-*. Pour le rouge, il y a bg-danger. Aussi disponible bg-primary, bg-success, bg-info and bg-warning. http://getbootstrap.com/css/#helper-classes-backgrounds

8
Oceinic

Je recommande fortement d'utiliser Sass avec Bootstrap-Sass non seulement pour personnaliser le framework Bootstrap, mais aussi pour vous assurer que votre CSS est aussi DRY que possible. Ensuite, vous pouvez faire quelque chose comme

$red: #f00;

$body-bg: $red;

avant d'importer votre CSS Bootstrap de base, et vous serez prêt à partir. Notez que Sass vous permet de réutiliser la variable ($ rouge) que vous venez de déclarer n'importe où ailleurs dans votre application.

Les avantages d'utiliser un préprocesseur CSS comme Sass ou LESS ne s'arrêtent pas là. Bootstrap est basé sur un système proportionné de tailles de police, vous pouvez donc faire quelque chose comme:

$font-size-base: 16px;

et cela modifiera en conséquence les tailles de police de tous les éléments (p, h1..h6, etc.) dans tous les domaines. Vous pouvez aussi, par exemple, écrire

$font-family-sans-serif: 'Gill Sans';

et cela remplacera Helvetica en tant que police sans empattement par défaut pour tous les éléments.

Regardez ici pour toutes les personnalisations que vous pouvez apporter à votre code à tout moment et pas seulement en téléchargeant Bootstrap si vous utilisez Sass.

3
Prashant Tiwari

Je ne recommanderais pas de changer les fichiers CSS d'amorçage actuels. Vous pouvez créer une feuille de style d'amorçage personnalisée avec l'un des générateurs de thèmes Bootstrap disponibles (générateurs de thèmes Bootstrap). De cette façon, vous pouvez utiliser 1 feuille de style avec tous les CSS Bootstrap par défaut, avec seulement 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).

SOURCE: Comment changer la couleur de fond par défaut blanche en quelque chose d'autre dans Twitter boostrap

3
Kevin Lynch

Pour Bootstrap 3.3 Ajoutez le style de BG suivant.

body{
background-color: gray !important;
}

Source: du Guide Bootstrap 3.3.

0
Ajmal Praveen

Dans html, changez Dans CSS, remplacez "body {}" par ".body {}" En effet, une CLASSE est plus spécifique qu'une balise, elle tiendra donc la règle main bootsrap.css qui ne se classe que comme une balise.

0
Dan

J'ai créé un passe-partout que j'ai utilisé pour créer des thèmes bootstrap, qui générera des documents en utilisant le thème que vous avez créé. J'ai implémenté cette solution dans des entreprises qui l'utilisent dans plusieurs équipes Web afin d'obtenir un résultat de marque en n'utilisant que des composants d'amorçage de base.

Découvrez-le ici: https://github.com/patrickleet/bootstrap-override-boilerplate

Il y a des instructions dans le fichier README

0
Patrick Lee Scott