fom_buttons.html update / general_elements.html update - fix - old markup...

fom_buttons.html update / general_elements.html update - fix - old markup replacement - bs4 integration

production/form_buttons.html

@@ -615,11 +615,11 @@
                                             <div class="buttons">
                                                 <!-- Standard button -->
                                                 <div class="mb-2">
-                                                    <button type="button" class="btn btn-default btn-lg">Large Button
+                                                    <button type="button" class="btn btn-light btn-lg">Large Button
                                                     </button>
-                                                    <button type="button" class="btn btn-default btn-md">Medium Button
+                                                    <button type="button" class="btn btn-light btn-md">Medium Button
                                                     </button>
-                                                    <button type="button" class="btn btn-default btn-sm">Small Button
+                                                    <button type="button" class="btn btn-light btn-sm">Small Button
                                                     </button>
                                                 </div>
                                                 <div class="mb-2">
@@ -669,33 +669,33 @@
                                         <div class="x_content">
                                             <div class="row">
                                                 <div class="btn-group">
-                                                    <button class="btn btn-default" type="button">Left</button>
-                                                    <button class="btn btn-default" type="button">Middle</button>
-                                                    <button class="btn btn-default" type="button">Right</button>
+                                                    <button class="btn btn-light" type="button">Left</button>
+                                                    <button class="btn btn-light" type="button">Middle</button>
+                                                    <button class="btn btn-light" type="button">Right</button>
                                                 </div>
                                                 <div class="btn-group  btn-group-sm ml-2">
-                                                    <button class="btn btn-default" type="button">Left</button>
-                                                    <button class="btn btn-default" type="button">Middle</button>
-                                                    <button class="btn btn-default" type="button">Right</button>
+                                                    <button class="btn btn-light" type="button">Left</button>
+                                                    <button class="btn btn-light" type="button">Middle</button>
+                                                    <button class="btn btn-light" type="button">Right</button>
                                                 </div>
                                             </div>
                                             <p class="text-muted">Vertical button groups</p>
                                             <div class="row">
                                                 <div class="btn-group-vertical">
-                                                    <button class="btn btn-default" type="button">Top</button>
-                                                    <button class="btn btn-default" type="button">Middle</button>
-                                                    <button class="btn btn-default" type="button">Bottom</button>
+                                                    <button class="btn btn-light" type="button">Top</button>
+                                                    <button class="btn btn-light" type="button">Middle</button>
+                                                    <button class="btn btn-light" type="button">Bottom</button>
                                                 </div>
                                             </div>
                                             <p class="text-muted">Nested button groups</p>
                                             <div class="row">
                                                 <div class="btn-group">
-                                                    <button class="btn btn-default" type="button">1</button>
+                                                    <button class="btn btn-light" type="button">1</button>
                                                     <button class="btn btn-danger" type="button">2</button>
-                                                    <button class="btn btn-default" type="button">3</button>
+                                                    <button class="btn btn-light" type="button">3</button>
                                                     <div class="btn-group">
                                                         <button data-toggle="dropdown"
-                                                                class="btn btn-default dropdown-toggle" type="button">
+                                                                class="btn btn-light dropdown-toggle" type="button">
                                                             Dropdown <span class="caret"></span></button>
                                                         <ul class="dropdown-menu">
                                                             <li><a href="#">Dropdown link 1</a>