Как изменить цвет колодки бутстрапов?

Ну, я пытаюсь изменить цвет бутстрапа, но он не работает, я пытался установить изображение в качестве фона (колодец), и это сработало, но это не то, что мне нужно. Это мой 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>

И это мой CSS-код:

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

В файле Default.css

Спасибо и приветствую.

Ответ 1

Это должно сработать.

Попробуйте проверить элемент в Chrome, чтобы определить, перезаписывает ли другой css фоновый цвет. По умолчанию .well уже содержит фоновый цвет - убедитесь, что вы заменяете это.

Ответ 2

Bootstrap 3:

Установите свойство фона, а не фоновый цвет.

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

Ответ 3

Вы также можете использовать! важно в CSS по умолчанию переопределить цвет фона фона:

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

Это сработало для меня.

Ответ 4

Вы можете просто добавить стиль в div, где вы заявили о своем успехе.

Ваш код:

<div class="well well-lg"><h1 class=""> TIDE File Generation</h1></div>

Предлагаемый код:

<div class="well well-lg" style="background-color: (color of choice);">
    <h1 class=""> TIDE File Generation</h1>
</div>`