Question

嗯，我一直在尝试改变bootstrap的颜色，但它不起作用，我已经尝试将图像设置为背景（井）并且它有效，但这不是我需要的。这是我的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文件中

谢谢你和问候。

Answer 1

Bootstrap 3：

设置背景属性而不是背景颜色。

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

Answer 2

那应该有用。

尝试并检查Chrome中的元素，以确定是否有其他css正在覆盖背景颜色。默认情况下.well已经包含背景颜色 - 确保您要替换它。

Answer 3

您还可以在默认CSS中使用！important来覆盖井背景颜色：

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

这对我有用。

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

如何更改自举井颜色？

4 个答案: