How can I change the bootstrap's well color?
Well I've been trying to change bootstrap's well color, but it doesn't work, I've tried setting an image as background (the well's) and it worked, but that's not what I need. This is my 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>
And this is my CSS code:
.well{
background-color: rgb(22, 105, 173);
}
Is in the file Default.css
Thank you and regards.
Answer
Bootstrap 3 :
Set the background property and not the background-color.
.well {
background: rgb(22, 105, 173);
}