Why checkbox style is not bootstrap style

Hi 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. Here is my html

    <div class="container">

    <form class="form-signin">
        <h2 class="form-signin-heading">Please log in</h2>
        <label for="inputEmail" class="sr-only">User name</label>
        <input [(ngModel)]="loginUser.Username" type="username" name="username" id="inputEmail" class="form-control" placeholder="User name" required autofocus>
        <label for="inputPassword" class="sr-only">Password</label>
        <input [(ngModel)]="loginUser.Password" type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>

        <a *ngIf="register == false" (click)="registerState()">Register</a>
        <div class="checkbox">
            <label>
                <input type="checkbox" [(ngModel)]="rememberMe" name="rememberme"> Remember me
            </label>
        </div>
        <button *ngIf="register == false" (click)="login()" class="btn btn-lg btn-primary btn-block" type="submit">Log in</button>
    </form>

</div>

Here is my github repo and one example http://ift.tt/2qzSuOB

here is what it looks like

Here is what I wan't it o look like with bootstrap style