Merge pull request thomaspark#1043 from XhmikosR/docs

Minor HTML consistency changes
18smlee · Oct 7, 2020 · 169bcfe · 169bcfe
2 parents abc51ca + 9e8fe00
commit 169bcfe
Show file tree

Hide file tree

Showing 22 changed files with 440 additions and 352 deletions.
diff --git a/docs/cerulean/index.html b/docs/cerulean/index.html
@@ -110,7 +110,9 @@ <h1 id="navbars">Navbars</h1>
                 <div class="collapse navbar-collapse" id="navbarColor01">
                   <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
-                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                      <a class="nav-link" href="#">Home
+                        <span class="sr-only">(current)</span>
+                      </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#">Features</a>
@@ -150,7 +152,9 @@ <h1 id="navbars">Navbars</h1>
                 <div class="collapse navbar-collapse" id="navbarColor02">
                   <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
-                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                      <a class="nav-link" href="#">Home
+                        <span class="sr-only">(current)</span>
+                      </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#">Features</a>
@@ -190,7 +194,9 @@ <h1 id="navbars">Navbars</h1>
                 <div class="collapse navbar-collapse" id="navbarColor03">
                   <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
-                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                      <a class="nav-link" href="#">Home
+                        <span class="sr-only">(current)</span>
+                      </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#">Features</a>
@@ -322,7 +328,7 @@ <h1 id="buttons">Buttons</h1>
               <button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
             </p>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-group btn-group-toggle" data-toggle="buttons">
                 <label class="btn btn-primary active">
                   <input type="checkbox" checked autocomplete="off"> Active
@@ -336,7 +342,7 @@ <h1 id="buttons">Buttons</h1>
               </div>
             </div>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-group btn-group-toggle" data-toggle="buttons">
                 <label class="btn btn-primary active">
                   <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
@@ -361,15 +367,15 @@ <h1 id="buttons">Buttons</h1>
               </div>
             </div>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-group" role="group" aria-label="Basic example">
                 <button type="button" class="btn btn-secondary">Left</button>
                 <button type="button" class="btn btn-secondary">Middle</button>
                 <button type="button" class="btn btn-secondary">Right</button>
               </div>
             </div>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
                 <div class="btn-group mr-2" role="group" aria-label="First group">
                   <button type="button" class="btn btn-secondary">1</button>
@@ -678,14 +684,14 @@ <h1 id="forms">Forms</h1>
               <div class="form-group">
                 <fieldset disabled>
                   <label class="control-label" for="disabledInput">Disabled input</label>
-                  <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled="">
+                  <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
               <div class="form-group">
                 <fieldset>
                   <label class="control-label" for="readOnlyInput">Readonly input</label>
-                  <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here…" readonly>
+                  <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
@@ -805,7 +811,7 @@ <h1 id="navs">Navs</h1>
           </div>
         </div>
 
-        <div class="row" style="margin-bottom: 2rem;">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-tabs">Tabs</h2>
             <div class="bs-component">
@@ -1080,7 +1086,7 @@ <h4 class="alert-heading">Warning!</h4>
         </div>
         <div>
           <h2>Badges</h2>
-          <div class="bs-component" style="margin-bottom: 40px;">
+          <div class="bs-component mb-4">
             <span class="badge badge-primary">Primary</span>
             <span class="badge badge-secondary">Secondary</span>
             <span class="badge badge-success">Success</span>
@@ -1223,9 +1229,7 @@ <h2>List groups</h2>
           <div class="col-lg-4">
             <div class="bs-component">
               <div class="list-group">
-                <a href="#" class="list-group-item list-group-item-action active">
-                  Cras justo odio
-                </a>
+                <a href="#" class="list-group-item list-group-item-action active">Cras justo odio</a>
                 <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
                 <a href="#" class="list-group-item list-group-item-action disabled">Morbi leo risus</a>
               </div>
@@ -1462,7 +1466,7 @@ <h5 class="modal-title">Modal title</h5>
           </div>
           <div class="col-lg-6">
             <h2>Popovers</h2>
-            <div class="bs-component" style="margin-bottom: 3em;">
+            <div class="bs-component mb-5">
               <button type="button" class="btn btn-secondary" title="Popover Title" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Left</button>
 
               <button type="button" class="btn btn-secondary" title="Popover Title" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Top</button>
@@ -1472,7 +1476,7 @@ <h2>Popovers</h2>
               <button type="button" class="btn btn-secondary" title="Popover Title" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Right</button>
             </div>
             <h2>Tooltips</h2>
-            <div class="bs-component" style="margin-bottom: 3em;">
+            <div class="bs-component mb-5">
               <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Left</button>
 
               <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Top</button>

diff --git a/docs/cosmo/index.html b/docs/cosmo/index.html
@@ -110,7 +110,9 @@ <h1 id="navbars">Navbars</h1>
                 <div class="collapse navbar-collapse" id="navbarColor01">
                   <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
-                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                      <a class="nav-link" href="#">Home
+                        <span class="sr-only">(current)</span>
+                      </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#">Features</a>
@@ -150,7 +152,9 @@ <h1 id="navbars">Navbars</h1>
                 <div class="collapse navbar-collapse" id="navbarColor02">
                   <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
-                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                      <a class="nav-link" href="#">Home
+                        <span class="sr-only">(current)</span>
+                      </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#">Features</a>
@@ -190,7 +194,9 @@ <h1 id="navbars">Navbars</h1>
                 <div class="collapse navbar-collapse" id="navbarColor03">
                   <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
-                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                      <a class="nav-link" href="#">Home
+                        <span class="sr-only">(current)</span>
+                      </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#">Features</a>
@@ -322,7 +328,7 @@ <h1 id="buttons">Buttons</h1>
               <button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
             </p>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-group btn-group-toggle" data-toggle="buttons">
                 <label class="btn btn-primary active">
                   <input type="checkbox" checked autocomplete="off"> Active
@@ -336,7 +342,7 @@ <h1 id="buttons">Buttons</h1>
               </div>
             </div>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-group btn-group-toggle" data-toggle="buttons">
                 <label class="btn btn-primary active">
                   <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
@@ -361,15 +367,15 @@ <h1 id="buttons">Buttons</h1>
               </div>
             </div>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-group" role="group" aria-label="Basic example">
                 <button type="button" class="btn btn-secondary">Left</button>
                 <button type="button" class="btn btn-secondary">Middle</button>
                 <button type="button" class="btn btn-secondary">Right</button>
               </div>
             </div>
 
-            <div class="bs-component" style="margin-bottom: 15px;">
+            <div class="bs-component mb-3">
               <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
                 <div class="btn-group mr-2" role="group" aria-label="First group">
                   <button type="button" class="btn btn-secondary">1</button>
@@ -678,14 +684,14 @@ <h1 id="forms">Forms</h1>
               <div class="form-group">
                 <fieldset disabled>
                   <label class="control-label" for="disabledInput">Disabled input</label>
-                  <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled="">
+                  <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                 </fieldset>
               </div>
 
               <div class="form-group">
                 <fieldset>
                   <label class="control-label" for="readOnlyInput">Readonly input</label>
-                  <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here…" readonly>
+                  <input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
                 </fieldset>
               </div>
 
@@ -805,7 +811,7 @@ <h1 id="navs">Navs</h1>
           </div>
         </div>
 
-        <div class="row" style="margin-bottom: 2rem;">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-tabs">Tabs</h2>
             <div class="bs-component">
@@ -1080,7 +1086,7 @@ <h4 class="alert-heading">Warning!</h4>
         </div>
         <div>
           <h2>Badges</h2>
-          <div class="bs-component" style="margin-bottom: 40px;">
+          <div class="bs-component mb-4">
             <span class="badge badge-primary">Primary</span>
             <span class="badge badge-secondary">Secondary</span>
             <span class="badge badge-success">Success</span>
@@ -1223,9 +1229,7 @@ <h2>List groups</h2>
           <div class="col-lg-4">
             <div class="bs-component">
               <div class="list-group">
-                <a href="#" class="list-group-item list-group-item-action active">
-                  Cras justo odio
-                </a>
+                <a href="#" class="list-group-item list-group-item-action active">Cras justo odio</a>
                 <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
                 <a href="#" class="list-group-item list-group-item-action disabled">Morbi leo risus</a>
               </div>
@@ -1462,7 +1466,7 @@ <h5 class="modal-title">Modal title</h5>
           </div>
           <div class="col-lg-6">
             <h2>Popovers</h2>
-            <div class="bs-component" style="margin-bottom: 3em;">
+            <div class="bs-component mb-5">
               <button type="button" class="btn btn-secondary" title="Popover Title" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Left</button>
 
               <button type="button" class="btn btn-secondary" title="Popover Title" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Top</button>
@@ -1472,7 +1476,7 @@ <h2>Popovers</h2>
               <button type="button" class="btn btn-secondary" title="Popover Title" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Right</button>
             </div>
             <h2>Tooltips</h2>
-            <div class="bs-component" style="margin-bottom: 3em;">
+            <div class="bs-component mb-5">
               <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Left</button>
 
               <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Top</button>