title: Bootstrap: is it possible to change the "has-error" line thickness?
body: <p>Hello I am using the <code>has-error</code> class on an input like so:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta input1="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;form method="post"&gt;
  
  
        &lt;div class="col-lg-4 col-lg-offset-4 has-error"&gt;
  
          &lt;input type="text" name="input" class="form-control"/&gt;
  
        &lt;/div&gt;
  
      &lt;/form&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>But I would like to increase the thickness of the red border, so I tried to add this:</p>
  
  <pre><code>&lt;style&gt;
  
  .has-error{
  
     line-height:3px;
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>But it has no effect, so is it possible to change the thickness of this class and how to do it ?</p>
  
  <p>Thank you</p>