title: Bootstrap error validation color not showing
body: <p>I'm trying to validate a form from using bootstrap.so far i managed to validate the form but my form is supposed to change the border color of the input into red color when a error is made. But in my form red color is not shown. </p>
  
  <p>My form</p>
  
  <pre><code>&lt;ion-view title="Contact Us"&gt;
  
    &lt;ion-content class="has-header" overflow-scroll="true" padding="true"&gt;
  
      &lt;div class="page-header"&gt;&lt;h1&gt;Give us your Feedback&lt;/h1&gt;&lt;/div&gt;
  
  
      &lt;!-- pass in the variable if our form is valid or invalid --&gt;
      &lt;form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate&gt;
  
  
          &lt;!-- NAME --&gt;
          &lt;div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid &amp;&amp; !userForm.name.$pristine }"&gt;
              &lt;label&gt;Name*&lt;/label&gt;
              &lt;input type="text" name="name" class="item-input-wrapper" ng-model="user.name"  required&gt;
              &lt;p ng-show="userForm.name.$invalid &amp;&amp; !userForm.name.$pristine " class="help-block"&gt;&lt;font color="#009ACD"&gt;You name is required.&lt;/font&gt;&lt;/p&gt;
  
  
          &lt;/div&gt;
  
           &lt;!-- EMAIL --&gt;
          &lt;div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid &amp;&amp; !userForm.email.$pristine  }"&gt;
              &lt;label&gt;Email&lt;/label&gt;
              &lt;input type="email" name="email" class="item-input-wrapper" ng-model="user.email" required &gt;
              &lt;p ng-show="userForm.email.$invalid &amp;&amp; !userForm.email.$pristine" class="help-block"&gt;&lt;font color="#009ACD"&gt;Enter a valid email.&lt;/font&gt;&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;!-- USERNAME --&gt;
          &lt;div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid &amp;&amp; !userForm.username.$pristine }"&gt;
              &lt;label&gt;Description&lt;/label&gt;
              &lt;input type="text" name="username" class="item-input-wrapper" ng-model="user.username"  ng-minlength="5" ng-maxlength="60" required&gt;
              &lt;font color="white"&gt;&lt;p ng-show="userForm.username.$error.minlength" class="help-block"&gt;&lt;font color="#009ACD"&gt;Description is too short.&lt;/font&gt;&lt;/p&gt;
              &lt;p ng-show="userForm.username.$error.maxlength" class="help-block"&gt;&lt;font color="#009ACD"&gt;Description is too long.&lt;/font&gt;&lt;/p&gt;
          &lt;/div&gt;
  
         &lt;div class="col"style="text-align: center"&gt;
              &lt;button align="left"class="button button-block button-reset"style="display: inline-block;width:100px;text-align:center "
              type="reset"
              ng-click="reset()"padding-top="true"&gt;Reset&lt;/button&gt;
  
  
              &lt;button class="button button-block button-positive"  style="display: inline-block;width:100px "
              ng-click="submitform()"padding-top="true"&gt;Submit&lt;/button&gt;
              &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Notice by using 'has-error' i am supposed to get the red color border.</p>