Adapt login form to to bootstrap 4

Author: oltionchampari

dist/templates/_loginForm.html

@@ -1,20 +1,19 @@
 <form class="form-signin" action="/login" method="post">
     <div class="form-group">
-        <label  class="control-label" for="login_username">Username</label>
+        <label  class="col-form-label" for="login_username">Username</label>
         <input type="text" class="form-control" id="login_username" placeholder="User name" required="required"  autocomplete="username"
                autofocus="autofocus"/>
     </div>
 
     <div class="form-group">
-        <label  class="control-label" for="login_password">Password</label>
+        <label  class="col-form-label" for="login_password">Password</label>
         <input type="text" class="form-control" id="login_password" placeholder="Password" required="required" autocomplete="current-password"/>
     </div>
 
-    <div class="checkbox">
-        <label>
-            <input type="checkbox" value="remember-me" id="login_remember"> Remember me
-        </label>
+    <div class="form-group form-check">
+        <input type="checkbox" class="form-check-input" value="remember-me" id="login_remember"> 
+        <label class="form-check-label">Remember me</label>
     </div>
-    <span class="help-block">A random username and password is generated for you. However, you can use the same username and password next time to continue your work. Your previous username and password are stored as a cookie for your convenience.</span>
-    <button class="btn btn-primary btn-block" type="submit">Login</button>
+    <span class="form-text text-muted">A random username and password is generated for you. However, you can use the same username and password next time to continue your work. Your previous username and password are stored as a cookie for your convenience.</span>
+    <button class="btn btn-primary mt-2 btn-block" type="submit">Login</button>
 </form>