Fix HTML linter errors

twbs · Jun 22, 2021 · aa420ef · aa420ef
1 parent 6164392
commit aa420ef
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 16 deletions.
diff --git a/site/content/docs/5.0/examples/dropdowns/index.html b/site/content/docs/5.0/examples/dropdowns/index.html
@@ -152,7 +152,7 @@
 
 <div class="b-example-divider"></div>
 
-<div class="d-flex gap-5 justify-content-center" id="dropdownMacos">
+<div class="d-flex gap-5 justify-content-center" id="dropdownIcons">
   <ul class="dropdown-menu mx-0 shadow" style="width: 220px;">
     <li>
       <a class="dropdown-item d-flex gap-2 align-items-center" href="#">

diff --git a/site/content/docs/5.0/examples/footers/index.html b/site/content/docs/5.0/examples/footers/index.html
@@ -164,12 +164,12 @@ <h5>Section</h5>
       </div>
 
       <div class="col-4 offset-1">
-        <form action="">
+        <form>
           <h5>Subscribe to our newsletter</h5>
           <p>Monthly digest of whats new and exciting from us.</p>
           <div class="d-flex w-100 gap-2">
             <label for="newsletter1" class="visually-hidden">Email address</label>
-            <input type="text" class="form-control" placeholder="Email address">
+            <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
             <button class="btn btn-primary" type="button">Subscribe</button>
           </div>
         </form>

diff --git a/site/content/docs/5.0/examples/list-groups/index.html b/site/content/docs/5.0/examples/list-groups/index.html
@@ -62,7 +62,7 @@ <h6 class="mb-0">Third heading</h6>
 
 <div class="b-example-divider"></div>
 
-<div class="d-flex gap-5 justify-content-center" id="">
+<div class="d-flex gap-5 justify-content-center">
   <div class="list-group mx-0">
     <label class="list-group-item d-flex gap-2">
       <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked>
@@ -117,43 +117,43 @@ <h6 class="mb-0">Third heading</h6>
 <div class="list-group">
   <label class="list-group-item d-flex gap-3">
     <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked style="font-size: 1.375em;">
-    <div class="pt-1 form-checked-content">
+    <span class="pt-1 form-checked-content">
       <strong>Finish sales report</strong>
       <small class="d-block text-muted">
         <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg>
         1:00–2:00pm
       </small>
-    </div>
+    </span>
   </label>
   <label class="list-group-item d-flex gap-3">
     <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;">
-    <div class="pt-1 form-checked-content">
+    <span class="pt-1 form-checked-content">
       <strong>Weekly All Hands</strong>
       <small class="d-block text-muted">
         <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg>
         2:00–2:30pm
       </small>
-    </div>
+    </span>
   </label>
   <label class="list-group-item d-flex gap-3">
     <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;">
-    <div class="pt-1 form-checked-content">
+    <span class="pt-1 form-checked-content">
       <strong>Out of office</strong>
       <small class="d-block text-muted">
         <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#alarm"/></svg>
         Tomorrow
       </small>
-    </div>
+    </span>
   </label>
   <label class="list-group-item d-flex gap-3 bg-light">
     <input class="form-check-input form-check-input-placeholder bg-light flex-shrink-0" disabled type="checkbox" value="" style="font-size: 1.375em;">
-    <div class="pt-1 form-checked-content">
+    <span class="pt-1 form-checked-content">
       <span contenteditable="true" class="w-100">Add new task...</span>
       <small class="d-block text-muted">
         <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#list-check"/></svg>
         Choose list...
       </small>
-    </div>
+    </span>
   </label>
 </div>
 
@@ -163,24 +163,24 @@ <h6 class="mb-0">Third heading</h6>
   <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios1" value="" checked>
   <label class="list-group-item py-3" for="listGroupCheckableRadios1">
     First radio
-    <div class="small opacity-50">With support text underneath to add more detail</div>
+    <span class="d-block small opacity-50">With support text underneath to add more detail</span>
   </label>
 
   <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios2" value="">
   <label class="list-group-item py-3" for="listGroupCheckableRadios2">
     Second radio
-    <div class="small opacity-50">Some other text goes here</div>
+    <span class="d-block small opacity-50">Some other text goes here</span>
   </label>
 
   <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios3" value="">
   <label class="list-group-item py-3" for="listGroupCheckableRadios3">
     Third radio
-    <div class="small opacity-50">And we end with another snippet of text</div>
+    <span class="d-block small opacity-50">And we end with another snippet of text</span>
   </label>
 
   <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios4" value="" disabled>
   <label class="list-group-item py-3" for="listGroupCheckableRadios4">
     Fourth disabled radio
-    <div class="small opacity-50">This option is disabled</div>
+    <span class="d-block small opacity-50">This option is disabled</span>
   </label>
 </div>