rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

add ids, add for attributes, and fix dupe ids

Browse Source
This commit is contained in:
Mark Otto 2017-10-22 14:04:46 -07:00
parent 34a1e45400
commit 8f9e8569ae
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/4.0/components/input-group.md
View File

@ -237,8 +237,8 @@ Input groups include support for custom selects and custom file inputs. Browser
{% example html %} {% example html %}
<div class="input-group mb-3"> <div class="input-group mb-3">
<span class="input-group-addon" id="">Options</span> <label class="input-group-addon" for="inputGroupSelect01">Options</label>
<select class="custom-select" id=""> <select class="custom-select" id="inputGroupSelect01">
<option selected>Choose...</option> <option selected>Choose...</option>
<option value="1">One</option> <option value="1">One</option>
<option value="2">Two</option> <option value="2">Two</option>
@ -247,20 +247,20 @@ Input groups include support for custom selects and custom file inputs. Browser
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<select class="custom-select" id=""> <select class="custom-select" id="inputGroupSelect02">
<option selected>Choose...</option> <option selected>Choose...</option>
<option value="1">One</option> <option value="1">One</option>
<option value="2">Two</option> <option value="2">Two</option>
<option value="3">Three</option> <option value="3">Three</option>
</select> </select>
<span class="input-group-addon" id="">Options</span> <label class="input-group-addon" for="inputGroupSelect02">Options</label>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-secondary" type="button">Button</button> <button class="btn btn-secondary" type="button">Button</button>
</span> </span>
<select class="custom-select" id=""> <select class="custom-select" id="inputGroupSelect03">
<option selected>Choose...</option> <option selected>Choose...</option>
<option value="1">One</option> <option value="1">One</option>
<option value="2">Two</option> <option value="2">Two</option>
@ -269,7 +269,7 @@ Input groups include support for custom selects and custom file inputs. Browser
</div> </div>
<div class="input-group"> <div class="input-group">
<select class="custom-select" id=""> <select class="custom-select" id="inputGroupSelect04">
<option selected>Choose...</option> <option selected>Choose...</option>
<option value="1">One</option> <option value="1">One</option>
<option value="2">Two</option> <option value="2">Two</option>
@ -285,16 +285,16 @@ Input groups include support for custom selects and custom file inputs. Browser
{% example html %} {% example html %}
<div class="input-group mb-3"> <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"> <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> <span class="custom-file-control"></span>
</label> </label>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<label class="custom-file"> <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> <span class="custom-file-control"></span>
</label> </label>
<span class="input-group-addon" id="">Upload</span> <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> <button class="btn btn-secondary" type="button">Button</button>
</span> </span>
<label class="custom-file"> <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> <span class="custom-file-control"></span>
</label> </label>
</div> </div>
<div class="input-group"> <div class="input-group">
<label class="custom-file"> <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> <span class="custom-file-control"></span>
</label> </label>
<span class="input-group-btn"> <span class="input-group-btn">