title: Placing a checkbox in an input addon bootstrap
body: <p>I am trying to place a <code>checkbox</code> within an input group addon whilst using a bootstrap 3 form.
  The checkbox is to <code>show password</code> on a sign in form.</p>
  
  <p><a href="https://i.stack.imgur.com/ujOd3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ujOd3.png" alt="checkbox"></a>
  </p>
  
  <pre><code>&lt;form class="form-signin"&gt;
      &lt;h1 class="form-signin-heading" align="center"&gt;&lt;strong&gt;Owner Gateway&lt;/strong&gt;&lt;/h1&gt;
  
      &lt;input type="text" class="form-control" placeholder="Username" required autofocus&gt;&lt;/input&gt;
  
      &lt;div class="wrapper"&gt;
          &lt;div class="input-group" style="width: 100%"&gt;
              &lt;input type="text" class="form-control" placeholder="Password"/&gt;
              &lt;span class="input-group-addon"&gt;Show&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
          &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;Log in&lt;/button&gt;
          &lt;button class="btn btn-lg btn-primary btn-block" id="new-btn" type="submit"&gt;Stay Logged in&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>If anyone could help, I would be very grateful.</p>