title: How can I change the bootstrap's well color?
body: <p>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:</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;title&gt;
  Default.aspx
   &lt;/title&gt;
  &lt;script src="Scripts/jquery-1.11.0.js" type="text/javascript"&gt;&lt;/script&gt;    
  &lt;link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="Styles/bootstrap-theme.css" rel="stylesheet" type="text/css" /&gt;   
  &lt;link href="Styles/Default.css" rel="stylesheet" type="text/css" /&gt; 
  &lt;script src="Scripts/bootstrap.js" type="text/javascript"&gt;&lt;/script&gt;    
  &lt;script src="Scripts/Default.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="well well-lg"&gt;&lt;h1 class=""&gt;TIDE File Generation&lt;/h1&gt;&lt;/div&gt;
  &lt;div id="mainNavigator"&gt;
      &lt;ul class="nav nav-tabs"&gt;
        &lt;li&gt;&lt;a href="/TideFileGeneration.aspx"&gt;Validate file&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/ImportCatalogs.aspx"&gt;Catalogs&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/InvoiceHistory.aspx"&gt;View History&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/Reports.aspx"&gt;Reports&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>And this is my CSS code:</p>
  
  <pre><code>.well{
  background-color: rgb(22, 105, 173);
  }
  </code></pre>
  
  <p>Is in the file Default.css</p>
  
  <p>Thank you and regards.</p>