title: Required field Angularjs 1.2 and Bootstrap 3
body: <p>With the changes to angularjs and bootstrap 3 I have been unable to create a form field that's required where the item will be surrounded with red highlight by only adding the required parameter to the input field.  Here is a <a href="http://plnkr.co/edit/lza5UDTzsJEZbnMMiplz?p=preview" rel="nofollow">plunker</a> with how I have it setup on my system and would expect it to work.  I can't seem to find any documentation on bootstraps site about required either so that would really help if anyone can find that.</p>
  
  <p><a href="http://plnkr.co/edit/lza5UDTzsJEZbnMMiplz?p=preview" rel="nofollow">Plunker</a></p>
  
  <p><strong>EDIT</strong>: Replaced all the following with below comments ideas... I would still like a solution where I don't need to write any css and use Bootstrap 3.</p>
  
  <p>My form field looks like this:</p>
  
  <pre><code>&lt;body ng-app&gt;
  &lt;div ng-controller="Controller" class="container"&gt;
    &lt;form novalidate class="simple-form" name="myForm"&gt;
      &lt;div class="form-group col-sm-4"&gt;  
        Name: &lt;input type="text" ng-model="name" name="name" class="form-control" required/&gt;
        E-mail: &lt;input type="email" ng-model="email" name="email" class="form-control" required/&gt;
  
        &lt;small class="error" 
            ng-show="myForm.email.$error.required"&gt;
            Your name is required.
        &lt;/small&gt;
  
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Script.js Looks like this:</p>
  
  <pre><code>function Controller($scope) {
    $scope.name = "Test";
    $scope.email = "";
  }
  </code></pre>
  
  <p>Style.css looks like this: </p>
  
  <pre><code>input.ng-invalid {
    border: 1px solid red;
  }
  </code></pre>
  
  <p>While this works it replaces the bootstrap css with the css above.  I would much prefer to simply add in required to an element and not have to rewrite the css to add the hue and the animation.</p>