title: Customize Bootstrap checkboxes
body: <p>I'm using Bootstrap in my Angular application and all other styles are working like they should, but checkbox style doesn't. It just look like plain old checkbox.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;div class="container"&gt;
    &lt;form class="form-signin"&gt;
      &lt;h2 class="form-signin-heading"&gt;Please log in&lt;/h2&gt;
      &lt;label for="inputEmail" class="sr-only"&gt;User name&lt;/label&gt;
      &lt;input [(ngModel)]="loginUser.Username" type="username" name="username" id="inputEmail" class="form-control" placeholder="User name" required autofocus&gt;
      &lt;label for="inputPassword" class="sr-only"&gt;Password&lt;/label&gt;
      &lt;input [(ngModel)]="loginUser.Password" type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required&gt;
      &lt;a *ngIf="register == false" (click)="registerState()"&gt;Register&lt;/a&gt;
      &lt;div class="checkbox"&gt;
        &lt;label&gt;
           &lt;input type="checkbox" [(ngModel)]="rememberMe" name="rememberme"&gt; Remember me
           &lt;/label&gt;
      &lt;/div&gt;
      &lt;button *ngIf="register == false" (click)="login()" class="btn btn-lg btn-primary btn-block" type="submit"&gt;Log in&lt;/button&gt;
    &lt;/form&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What it looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/1WrAA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1WrAA.png" alt="checkbox style without bootstrap"></a></p>
  
  <p>What I want it to look like with Bootstrap style:</p>
  
  <p><a href="https://i.stack.imgur.com/GrOfX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/GrOfX.png" alt="bootstrap styled checkbox"></a></p>