add ids, add for attributes, and fix dupe ids

diff --git a/docs/4.0/components/input-group.md b/docs/4.0/components/input-group.md
index 251af2a01c0cbd1bef774f5a81008f9eb31ea15e..db8dc4b0cee5f0003cc75d790cf492c1e90c5334 100644 (file)
--- a/docs/4.0/components/input-group.md
+++ b/docs/4.0/components/input-group.md
@@ -237,8 +237,8 @@ Input groups include support for custom selects and custom file inputs. Browser
 
 {% example html %}
 <div class="input-group mb-3">
-  <span class="input-group-addon" id="">Options</span>
-  <select class="custom-select" id="">
+  <label class="input-group-addon" for="inputGroupSelect01">Options</label>
+  <select class="custom-select" id="inputGroupSelect01">
     <option selected>Choose...</option>
     <option value="1">One</option>
     <option value="2">Two</option>
@@ -247,20 +247,20 @@ Input groups include support for custom selects and custom file inputs. Browser
 </div>
 
 <div class="input-group mb-3">
-  <select class="custom-select" id="">
+  <select class="custom-select" id="inputGroupSelect02">
     <option selected>Choose...</option>
     <option value="1">One</option>
     <option value="2">Two</option>
     <option value="3">Three</option>
   </select>
-  <span class="input-group-addon" id="">Options</span>
+  <label class="input-group-addon" for="inputGroupSelect02">Options</label>
 </div>
 
 <div class="input-group mb-3">
   <span class="input-group-btn">
     <button class="btn btn-secondary" type="button">Button</button>
   </span>
-  <select class="custom-select" id="">
+  <select class="custom-select" id="inputGroupSelect03">
     <option selected>Choose...</option>
     <option value="1">One</option>
     <option value="2">Two</option>
@@ -269,7 +269,7 @@ Input groups include support for custom selects and custom file inputs. Browser
 </div>
 
 <div class="input-group">
-  <select class="custom-select" id="">
+  <select class="custom-select" id="inputGroupSelect04">
     <option selected>Choose...</option>
     <option value="1">One</option>
     <option value="2">Two</option>
@@ -285,16 +285,16 @@ Input groups include support for custom selects and custom file inputs. Browser
 
 {% example html %}
 <div class="input-group mb-3">
-  <span class="input-group-addon" id="">Upload</span>
+  <span class="input-group-addon">Upload</span>
   <label class="custom-file">
-    <input type="file" id="file" class="custom-file-input" required>
+    <input type="file" id="inputGroupFile01" class="custom-file-input" required>
     <span class="custom-file-control"></span>
   </label>
 </div>
 
 <div class="input-group mb-3">
   <label class="custom-file">
-    <input type="file" id="file" class="custom-file-input" required>
+    <input type="file" id="inputGroupFile02" class="custom-file-input" required>
     <span class="custom-file-control"></span>
   </label>
   <span class="input-group-addon" id="">Upload</span>
@@ -305,14 +305,14 @@ Input groups include support for custom selects and custom file inputs. Browser
     <button class="btn btn-secondary" type="button">Button</button>
   </span>
   <label class="custom-file">
-    <input type="file" id="file" class="custom-file-input" required>
+    <input type="file" id="inputGroupFile03" class="custom-file-input" required>
     <span class="custom-file-control"></span>
   </label>
 </div>
 
 <div class="input-group">
   <label class="custom-file">
-    <input type="file" id="file" class="custom-file-input" required>
+    <input type="file" id="inputGroupFile04" class="custom-file-input" required>
     <span class="custom-file-control"></span>
   </label>
   <span class="input-group-btn">