title: How to create a Cancel button in Bootstrap
body: <p>I have the following Bootstrap markup:</p>
  
  <pre><code>&lt;!-- Text input--&gt;
  &lt;div class="form-group"&gt;
    &lt;label class="col-md-4 control-label" for="username"&gt;Username&lt;/label&gt;
    &lt;div class="col-md-4"&gt;
    &lt;input id="username" name="username" type="text" placeholder="" class="form-control input-md" required="" maxlength="8" value=""&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- Button (Double) --&gt;
  &lt;div class="form-group"&gt;
    &lt;label class="col-md-4 control-label" for="submit"&gt;&lt;/label&gt;
    &lt;div class="col-md-8"&gt;
      &lt;button id="submit" name="submit" class="btn btn-primary" value="1"&gt;Create Profile&lt;/button&gt;
      &lt;button id="cancel" name="cancel" class="btn btn-default" value="1"&gt;Cancel&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I click the <code>Create Profile</code> button the form works fine letting me know that certain fields are "Required". But when I click the <code>Cancel</code> button I cannot leave the form due to incomplete required fields.</p>
  
  <p>Is there a form cancel button capability in Bootstrap?</p>