Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Responsive AngularJS/Bootstrap Login Form
<div class="col-sm-8 col-sm-push-4">
<h2>{{ appInfo.name }}</h2>
<p>Copyright &copy; {{ appInfo.copyrightYears }} {{ appInfo.copyrightHolder }}</p>
<p>Version {{ appInfo.version }}</p>
<p class="text-danger">Unauthorized access to this system is prohibited.</p>
</div>
<div class="col-sm-4 col-sm-pull-8">
<form name="loginForm" novalidate>
<div class="form-group">
<label for="username">Username</label>
<input ng-model="username" type="text" id="username" name="username" class="form-control" placeholder="Enter username" autofocus="true" autocomplete="off" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input ng-model="password" type="password" id="password" name="password" class="form-control" placeholder="Enter password" required>
</div>
<div class="form-group">
<button class="btn btn-primary">Log In</button>
</div>
</form>
</div>
@Zuhayer

This comment has been minimized.

Copy link

@Zuhayer Zuhayer commented Sep 22, 2017

@kriskristopherjohnson It will be great kindness if you could update this code with Bootstrap 4 and Angular (4).

Google search only showed your code on the first page for the query 'angular login page bootstrap 4'.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment