web-dev-qa-db-de.com

Wie kann ich die Farbe des Bootstraps ändern?

Nun, ich habe versucht, die Farbe des Bootstraps zu ändern, aber es funktioniert nicht. Ich habe versucht, ein Bild als Hintergrund (den Brunnen) festzulegen, und es hat funktioniert, aber das ist nicht das, was ich brauche. Dies ist mein HTML-Code:

<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>

Und das ist mein CSS-Code:

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

Ist in der Datei Default.css

Danke und Gruß.

24
G Jeny Ramirez

Das sollte funktionieren.

Probieren Sie das Element in Chrome) aus, um festzustellen, ob ein anderes CSS die Hintergrundfarbe überschreibt. Standardmäßig enthält .well bereits eine Hintergrundfarbe - stellen Sie sicher, dass Sie diese ersetzen.

6
malta

Bootstrap 3:

Legen Sie die Hintergrundeigenschaft und nicht die Hintergrundfarbe fest.

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

Sie können auch! Important in Ihrem Standard-CSS verwenden, um die Hintergrundfarbe der Vertiefungen zu überschreiben:

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

Das hat bei mir geklappt.

2
Ido