web-dev-qa-db-fra.com

Comment changer la couleur du bootstrap?

Eh bien, j'ai essayé de changer la couleur du puits de bootstrap, mais cela ne fonctionne pas, j'ai essayé de définir une image comme arrière-plan (le puits) et cela a fonctionné, mais ce n'est pas ce dont j'ai besoin. Voici mon code HTML:

<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
Default.aspx
 </title>
<script src="Scripts/jquery-1.11.0.js" type="text/javascript"></script>    
<link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="Styles/bootstrap-theme.css" rel="stylesheet" type="text/css" />   
<link href="Styles/Default.css" rel="stylesheet" type="text/css" /> 
<script src="Scripts/bootstrap.js" type="text/javascript"></script>    
<script src="Scripts/Default.js" type="text/javascript"></script>
</head>
<body>
<div class="well well-lg"><h1 class="">TIDE File Generation</h1></div>
<div id="mainNavigator">
    <ul class="nav nav-tabs">
      <li><a href="/TideFileGeneration.aspx">Validate file</a></li>
      <li><a href="/ImportCatalogs.aspx">Catalogs</a></li>
      <li><a href="/InvoiceHistory.aspx">View History</a></li>
      <li><a href="/Reports.aspx">Reports</a></li>
    </ul>
</div>
 </body>
 </html>

Et voici mon code CSS:

.well{
background-color: rgb(22, 105, 173);
}

Est dans le fichier Default.css

Merci et salutations.

htmlcsstwitter-bootstrapbackground-color
24
G Jeny Ramirez

Cela devrait fonctionner.

Essayez d'inspecter l'élément dans Chrome pour déterminer si un autre css écrase la couleur d'arrière-plan. Par défaut .well contient déjà une couleur d'arrière-plan - assurez-vous de la remplacer.

6
malta

Bootstrap 3:

Définissez la propriété d'arrière-plan et non la couleur d'arrière-plan.

.well {
    background: rgb(22, 105, 173);
}
45
Ravi

Vous pouvez également utiliser! Important dans votre CSS par défaut pour remplacer la couleur d'arrière-plan du puits:

.well{
background-color: cyan !important;
}

Cela a fonctionné pour moi.

2
Ido