docs: remove form-group class, fixes #1293

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 protected]">
                     </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="[email protected]">

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 protected]">
                     </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="[email protected]">