diff --git a/docs/cerulean/index.html b/docs/cerulean/index.html
index 6da6d2e71..76a39ec38 100644
--- a/docs/cerulean/index.html
+++ b/docs/cerulean/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/cosmo/index.html b/docs/cosmo/index.html
index 26c87ba4a..a5b3653fe 100644
--- a/docs/cosmo/index.html
+++ b/docs/cosmo/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/cyborg/index.html b/docs/cyborg/index.html
index fdb891b50..6a2b63dc3 100644
--- a/docs/cyborg/index.html
+++ b/docs/cyborg/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/darkly/index.html b/docs/darkly/index.html
index da151799f..49d93f386 100644
--- a/docs/darkly/index.html
+++ b/docs/darkly/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/default/index.html b/docs/default/index.html
index 74c31c327..2ec254c66 100644
--- a/docs/default/index.html
+++ b/docs/default/index.html
@@ -747,22 +747,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -772,7 +772,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -782,7 +782,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -792,15 +792,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -821,7 +821,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -836,7 +836,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -847,7 +847,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -863,50 +863,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -919,7 +919,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/flatly/index.html b/docs/flatly/index.html
index 6f3d6de29..c38cd2ba8 100644
--- a/docs/flatly/index.html
+++ b/docs/flatly/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/journal/index.html b/docs/journal/index.html
index a068dcf5f..0431ed778 100644
--- a/docs/journal/index.html
+++ b/docs/journal/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/litera/index.html b/docs/litera/index.html
index 1ab3a61ab..1d191af29 100644
--- a/docs/litera/index.html
+++ b/docs/litera/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/lumen/index.html b/docs/lumen/index.html
index c17c26139..8faa7fafb 100644
--- a/docs/lumen/index.html
+++ b/docs/lumen/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/lux/index.html b/docs/lux/index.html
index f01bbb654..0268c3f23 100644
--- a/docs/lux/index.html
+++ b/docs/lux/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/materia/index.html b/docs/materia/index.html
index 3de66d398..f9c7f489f 100644
--- a/docs/materia/index.html
+++ b/docs/materia/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/minty/index.html b/docs/minty/index.html
index 35275fdb0..0bfaa7534 100644
--- a/docs/minty/index.html
+++ b/docs/minty/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/morph/index.html b/docs/morph/index.html
index 430ba2e84..a0537473c 100644
--- a/docs/morph/index.html
+++ b/docs/morph/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/pulse/index.html b/docs/pulse/index.html
index 47ff6abe7..0487cd44c 100644
--- a/docs/pulse/index.html
+++ b/docs/pulse/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/quartz/index.html b/docs/quartz/index.html
index f4b166730..fceb4836f 100644
--- a/docs/quartz/index.html
+++ b/docs/quartz/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/sandstone/index.html b/docs/sandstone/index.html
index a23e36d72..b5484907f 100644
--- a/docs/sandstone/index.html
+++ b/docs/sandstone/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/simplex/index.html b/docs/simplex/index.html
index e5aa5c460..23463f2eb 100644
--- a/docs/simplex/index.html
+++ b/docs/simplex/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/sketchy/index.html b/docs/sketchy/index.html
index 2de1abc02..1262006ae 100644
--- a/docs/sketchy/index.html
+++ b/docs/sketchy/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/slate/index.html b/docs/slate/index.html
index cff0ec5a2..382af58f3 100644
--- a/docs/slate/index.html
+++ b/docs/slate/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/solar/index.html b/docs/solar/index.html
index c35f2a670..7b1413c78 100644
--- a/docs/solar/index.html
+++ b/docs/solar/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/spacelab/index.html b/docs/spacelab/index.html
index 268791c53..540e8727b 100644
--- a/docs/spacelab/index.html
+++ b/docs/spacelab/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/superhero/index.html b/docs/superhero/index.html
index d32a31642..ba4669db4 100644
--- a/docs/superhero/index.html
+++ b/docs/superhero/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/united/index.html b/docs/united/index.html
index f00b8bcae..f2c0682fc 100644
--- a/docs/united/index.html
+++ b/docs/united/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/vapor/index.html b/docs/vapor/index.html
index 2e5465425..f3d13c255 100644
--- a/docs/vapor/index.html
+++ b/docs/vapor/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/yeti/index.html b/docs/yeti/index.html
index 1a7d25af3..cb7d886c4 100644
--- a/docs/yeti/index.html
+++ b/docs/yeti/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
diff --git a/docs/zephyr/index.html b/docs/zephyr/index.html
index 1c6534944..469e904e8 100644
--- a/docs/zephyr/index.html
+++ b/docs/zephyr/index.html
@@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
               <form>
                 <fieldset>
                   <legend>Legend</legend>
-                  <div class="form-group row">
+                  <div class="row">
                     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
                     <div class="col-sm-10">
                       <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
                     </div>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
                     <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                     <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleInputPassword1" class="form-label mt-4">Password</label>
                     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example select</label>
                     <select class="form-select" id="exampleSelect1">
                       <option>1</option>
@@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
                     <select class="form-select" id="exampleDisabledSelect1" disabled>
                       <option>1</option>
@@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
                     <select multiple class="form-select" id="exampleSelect2">
                       <option>1</option>
@@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
                       <option>5</option>
                     </select>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
                     <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
                   </div>
-                  <div class="form-group">
+                  <div>
                     <label for="formFile" class="form-label mt-4">Default file input example</label>
                     <input class="form-control" type="file" id="formFile">
                   </div>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Radio buttons</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Checkboxes</legend>
                     <div class="form-check">
                       <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
                       </label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Switches</legend>
                     <div class="form-check form-switch">
                       <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
@@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
                       <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
                     </div>
                   </fieldset>
-                  <fieldset class="form-group">
+                  <fieldset>
                     <legend class="mt-4">Ranges</legend>
                       <label for="customRange1" class="form-label">Example range</label>
                       <input type="range" class="form-range" id="customRange1">
@@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
           </div>
           <div class="col-lg-4 offset-lg-1">
             <form class="bs-component">
-              <div class="form-group">
+              <div>
                 <fieldset disabled>
                   <label class="form-label" for="disabledInput">Disabled input</label>
                   <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
-              <div class="form-group">
+              <div>
                 <fieldset>
                   <label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
                   <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
-              <div class="form-group has-success">
+              <div class="has-success">
                 <label class="form-label mt-4" for="inputValid">Valid input</label>
                 <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
                 <div class="valid-feedback">Success! You've done it.</div>
               </div>
 
-              <div class="form-group has-danger">
+              <div class="has-danger">
                 <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
                 <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
                 <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
                 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label mt-4" for="inputDefault">Default input</label>
                 <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
                 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Input addons</label>
-                <div class="form-group">
+                <div>
                   <div class="input-group mb-3">
                     <span class="input-group-text">$</span>
                     <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
@@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
                 </div>
               </div>
 
-              <div class="form-group">
+              <div>
                 <label class="form-label mt-4">Floating labels</label>
                 <div class="form-floating mb-3">
                   <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">