diff --git a/pages/UI/general.html b/pages/UI/general.html
index 00ad89653..34bc3e585 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -1061,7 +1061,7 @@
                       <a class="dropdown-item" tabindex="-1" href="#">Action</a>
                       <a class="dropdown-item" tabindex="-1" href="#">Another action</a>
                       <a class="dropdown-item" tabindex="-1" href="#">Something else here</a>
-                      <div class="divider"></div>
+                      <div class="dropdown-divider"></div>
                       <a class="dropdown-item" tabindex="-1" href="#">Separated link</a>
                     </div>
                   </li>
diff --git a/pages/examples/profile.html b/pages/examples/profile.html
index c4a7c7cc0..db2ec6318 100644
--- a/pages/examples/profile.html
+++ b/pages/examples/profile.html
@@ -998,31 +998,31 @@
                   <div class="tab-pane" id="settings">
                     <form class="form-horizontal">
                       <div class="form-group row">
-                        <label for="inputName" class="col-sm-2 control-label">Name</label>
+                        <label for="inputName" class="col-sm-2 col-form-label">Name</label>
                         <div class="col-sm-10">
                           <input type="email" class="form-control" id="inputName" placeholder="Name">
                         </div>
                       </div>
                       <div class="form-group row">
-                        <label for="inputEmail" class="col-sm-2 control-label">Email</label>
+                        <label for="inputEmail" class="col-sm-2 col-form-label">Email</label>
                         <div class="col-sm-10">
                           <input type="email" class="form-control" id="inputEmail" placeholder="Email">
                         </div>
                       </div>
                       <div class="form-group row">
-                        <label for="inputName2" class="col-sm-2 control-label">Name</label>
+                        <label for="inputName2" class="col-sm-2 col-form-label">Name</label>
                         <div class="col-sm-10">
                           <input type="text" class="form-control" id="inputName2" placeholder="Name">
                         </div>
                       </div>
                       <div class="form-group row">
-                        <label for="inputExperience" class="col-sm-2 control-label">Experience</label>
+                        <label for="inputExperience" class="col-sm-2 col-form-label">Experience</label>
                         <div class="col-sm-10">
                           <textarea class="form-control" id="inputExperience" placeholder="Experience"></textarea>
                         </div>
                       </div>
                       <div class="form-group row">
-                        <label for="inputSkills" class="col-sm-2 control-label">Skills</label>
+                        <label for="inputSkills" class="col-sm-2 col-form-label">Skills</label>
                         <div class="col-sm-10">
                           <input type="text" class="form-control" id="inputSkills" placeholder="Skills">
                         </div>
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 5db2ce6c7..eea1c328b 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -750,11 +750,11 @@
                 <h3 class="card-title">Different Height</h3>
               </div>
               <div class="card-body">
-                <input class="form-control form-control-lg" type="text" placeholder=".input-lg">
+                <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
                 <br>
                 <input class="form-control" type="text" placeholder="Default input">
                 <br>
-                <input class="form-control form-control-sm" type="text" placeholder=".input-sm">
+                <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">
               </div>
               <!-- /.card-body -->
             </div>
@@ -921,13 +921,13 @@
               <form class="form-horizontal">
                 <div class="card-body">
                   <div class="form-group row">
-                    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
+                    <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                     </div>
                   </div>
                   <div class="form-group row">
-                    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
+                    <label for="inputPassword3" class="col-sm-2 col-form-label">Password</label>
                     <div class="col-sm-10">
                       <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                     </div>
@@ -996,17 +996,17 @@
 
                   <!-- input states -->
                   <div class="form-group">
-                    <label class="control-label" for="inputSuccess"><i class="fas fa-check"></i> Input with
+                    <label class="col-form-label" for="inputSuccess"><i class="fas fa-check"></i> Input with
                       success</label>
                     <input type="text" class="form-control is-valid" id="inputSuccess" placeholder="Enter ...">
                   </div>
                   <div class="form-group">
-                    <label class="control-label" for="inputWarning"><i class="far fa-bell"></i> Input with
+                    <label class="col-form-label" for="inputWarning"><i class="far fa-bell"></i> Input with
                       warning</label>
                     <input type="text" class="form-control is-warning" id="inputWarning" placeholder="Enter ...">
                   </div>
                   <div class="form-group">
-                    <label class="control-label" for="inputError"><i class="far fa-times-circle"></i> Input with
+                    <label class="col-form-label" for="inputError"><i class="far fa-times-circle"></i> Input with
                       error</label>
                     <input type="text" class="form-control is-invalid" id="inputError" placeholder="Enter ...">
                   </div>