btn classes update / minor responsives update / label updates

production/calendar.html

@@ -282,13 +282,13 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Calendar
                                         <small>Click to add/edit events</small>
                                     </h3>
                                 </div>
 
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
@@ -384,7 +384,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-light antoclose" data-dismiss="modal">Close</button>
                 <button type="button" class="btn btn-primary antosubmit">Save changes</button>
             </div>
         </div>
@@ -420,7 +420,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-light antoclose2" data-dismiss="modal">Close</button>
                 <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
             </div>
         </div>

production/chartjs.html

@@ -281,13 +281,13 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Chart Js
                                         <small>Some examples to get you started</small>
                                     </h3>
                                 </div>
 
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div cass="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">

production/chartjs2.html

@@ -286,19 +286,19 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Chart Js
                                         <small>Some examples to get you started</small>
                                     </h3>
                                 </div>
 
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
-                      <button class="btn btn-default" type="button">Go!</button>
+                      <button class="btn btn-light" type="button">Go!</button>
                     </span>
                                             </div>
                                         </div>

production/contacts.html

@@ -279,11 +279,11 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Contacts Design</h3>
                                 </div>
 
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">

production/e_commerce.html

@@ -280,10 +280,10 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>E-commerce :: Product Page</h3>
                                 </div>
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">

production/echarts.html

@@ -281,13 +281,13 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Echarts
                                         <small>Some examples to get you started</small>
                                     </h3>
                                 </div>
 
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">

production/form.html

@@ -301,11 +301,11 @@
                     <div class="right_col col-lg-12" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Form Elements</h3>
                                 </div>
 
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
                                         <div class="offset-sm-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
@@ -392,9 +392,9 @@
                                                         <label class="control-label col-md-3 col-sm-3 col-12">Gender</label>
                                                         <div class="col-md-6 col-sm-6 col-12">
                                                             <div id="gender" class="btn-group" data-toggle="buttons">
-                                                                <label class="btn btn-default"
+                                                                <label class="btn btn-light"
                                                                        data-toggle-class="btn-primary"
-                                                                       data-toggle-passive-class="btn-default">
+                                                                       data-toggle-passive-class="btn-light">
                                                                     <input type="radio" name="gender" value="male">
                                                                     &nbsp;
                                                                     Male
@@ -402,7 +402,7 @@
                                                                 </label>
                                                                 <label class="btn btn-primary"
                                                                        data-toggle-class="btn-primary"
-                                                                       data-toggle-passive-class="btn-default">
+                                                                       data-toggle-passive-class="btn-light">
                                                                     <input type="radio" name="gender" value="female">
                                                                     Female
                                                                 </label>
@@ -1161,7 +1161,7 @@
                                                                        aria-label="Text input with dropdown button">
                                                                 <div class="input-group-btn">
                                                                     <button type="button"
-                                                                            class="btn btn-default dropdown-toggle"
+                                                                            class="btn btn-light dropdown-toggle"
                                                                             data-toggle="dropdown"
                                                                             aria-expanded="false">
                                                                         Action
@@ -1624,7 +1624,7 @@
                                             </label>
                                         </div>
                                         <div class="col-md-12">
-                                            <button type="submit" class="btn btn-default">Send invitation</button>
+                                            <button type="submit" class="btn btn-light">Send invitation</button>
                                         </div>
                                     </form>
                                 </div>

production/form_advanced.html

@@ -297,11 +297,11 @@
                     <div class="right_col col-md-12" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="text-left col-6">
+                                <div class="text-left col-sm-6 col-12">
                                     <h3>Form advanced</h3>
                                 </div>
 
-                                <div class="text-right col-6">
+                                <div class="text-right col-sm-6 col-12">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
@@ -986,7 +986,7 @@
                                                                 <button class="applyBtn btn btn-sm btn-success"
                                                                         type="button">Apply
                                                                 </button>
-                                                                <button class="cancelBtn btn btn-sm btn-default"
+                                                                <button class="cancelBtn btn btn-sm btn-light"
                                                                         type="button">Cancel
                                                                 </button>
                                                             </div>
@@ -1277,7 +1277,7 @@
                                                                 <button class="applyBtn btn btn-sm btn-success"
                                                                         type="button">Apply
                                                                 </button>
-                                                                <button class="cancelBtn btn btn-sm btn-default"
+                                                                <button class="cancelBtn btn btn-sm btn-light"
                                                                         type="button">Cancel
                                                                 </button>
                                                             </div>
@@ -1566,7 +1566,7 @@
                                                                 <button class="applyBtn btn btn-sm btn-success"
                                                                         type="button">Apply
                                                                 </button>
-                                                                <button class="cancelBtn btn btn-sm btn-default"
+                                                                <button class="cancelBtn btn btn-sm btn-light"
                                                                         type="button">Cancel
                                                                 </button>
                                                             </div>
@@ -1854,7 +1854,7 @@
                                                                 <button class="applyBtn btn btn-sm btn-success"
                                                                         type="button">Apply
                                                                 </button>
-                                                                <button class="cancelBtn btn btn-sm btn-default"
+                                                                <button class="cancelBtn btn btn-sm btn-light"
                                                                         type="button">Cancel
                                                                 </button>
                                                             </div>
@@ -2306,7 +2306,7 @@
                                                             </div>
                                                             <div class="modal-body"></div>
                                                             <div class="modal-footer">
-                                                                <button type="button" class="btn btn-default"
+                                                                <button type="button" class="btn btn-light"
                                                                         data-dismiss="modal">Close
                                                                 </button>
                                                                 <a class="btn btn-primary" id="download"
@@ -2609,7 +2609,7 @@
                                                     </ul>
                                                 </div><!-- /.dropdown -->
 
-                                                <a class="btn btn-default btn-block" data-toggle="tooltip"
+                                                <a class="btn btn-light btn-block" data-toggle="tooltip"
                                                    href="https://fengyuanchen.github.io/cropperjs"
                                                    title="Cropper without jQuery">Cropper.js</a>
 

production/form_upload.html

@@ -282,11 +282,11 @@
                     <div class="col-lg-12 right_col" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="col-6 text-left">
+                                <div class="col-sm-6 col-12 text-left">
                                     <h3>Form Upload </h3>
                                 </div>
 
-                                <div class="col-6 text-right">
+                                <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">

production/form_validation.html

@@ -286,11 +286,11 @@
                     <div class="right_col col-lg-12" role="main">
                         <div class="">
                             <div class="page-title row">
-                                <div class="text-left col-6">
+                                <div class="text-left col-sm-6 col-12">
                                     <h3>Form Validation</h3>
                                 </div>
 
-                                <div class="text-right col-6">
+                                <div class="text-right col-sm-6 col-12">
                                     <div class="row">
                                         <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">