title: Bootstrap modal-header Login change bottom line color
body: <p>I am using Bootstrap login template and I want to change the bottom line color of <code>model-header</code> and align this line on left and right border. </p>
  
  <pre><code>&lt;div id="login-ar" class="container" aria-hidden="true"&gt;
      &lt;div class="modal-header"&gt;
          &lt;h1 class="text-center" id="login-tit"&gt;Login&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;form role="form"&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="email" class="form-control" id="email" placeholder="Enter email"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="password" class="form-control" id="pwd" placeholder="Enter password"&gt;
              &lt;/div&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;&lt;input type="checkbox"&gt; Remember me&lt;/label&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
           &lt;button class="btn btn-link"&gt;Forgot password?&lt;/button&gt;
           &lt;button class="btn btnExtra btn-large btn-primary"&gt;Login&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/tyH1U.jpg" alt="enter image description here"></p>