mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 09:41:11 +00:00
Code Issues Projects Releases Wiki Activity

Apply of #25068 to input group

Browse Source
This commit is contained in:
ysds 2017-12-29 14:10:29 +09:00 committed by Mark Otto
parent 5f3856ce29
commit 6b5a2ff626
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -300,17 +300,17 @@ Input groups include support for custom selects and custom file inputs. Browser
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text">Upload</span> <span class="input-group-text">Upload</span>
</div> </div>
<label class="custom-file"> <div class="custom-file">
<input type="file" id="inputGroupFile01" class="custom-file-input" required> <input type="file" class="custom-file-input" id="inputGroupFile01">
<span class="custom-file-control"></span> <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
</label> </div>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<label class="custom-file"> <div class="custom-file">
<input type="file" id="inputGroupFile02" class="custom-file-input" required> <input type="file" class="custom-file-input" id="inputGroupFile02">
<span class="custom-file-control"></span> <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
</label> </div>
<div class="input-group-append"> <div class="input-group-append">
<span class="input-group-text" id="">Upload</span> <span class="input-group-text" id="">Upload</span>
</div> </div>
@ -320,17 +320,17 @@ Input groups include support for custom selects and custom file inputs. Browser
<div class="input-group-prepend"> <div class="input-group-prepend">
<button class="btn btn-outline-secondary" type="button">Button</button> <button class="btn btn-outline-secondary" type="button">Button</button>
</div> </div>
<label class="custom-file"> <div class="custom-file">
<input type="file" id="inputGroupFile03" class="custom-file-input" required> <input type="file" class="custom-file-input" id="inputGroupFile03">
<span class="custom-file-control"></span> <label class="custom-file-label" for="inputGroupFile03">Choose file</label>
</label> </div>
</div> </div>
<div class="input-group"> <div class="input-group">
<label class="custom-file"> <div class="custom-file">
<input type="file" id="inputGroupFile04" class="custom-file-input" required> <input type="file" class="custom-file-input" id="inputGroupFile04">
<span class="custom-file-control"></span> <label class="custom-file-label" for="inputGroupFile04">Choose file</label>
</label> </div>
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Button</button> <button class="btn btn-outline-secondary" type="button">Button</button>
</div> </div>

8
scss/_input-group.scss
View File

@ -43,10 +43,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
&:not(:last-child) .custom-file-control, &:not(:last-child) .custom-file-label,
&:not(:last-child) .custom-file-control::before { @include border-right-radius(0); } &:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }
&:not(:first-child) .custom-file-control, &:not(:first-child) .custom-file-label,
&:not(:first-child) .custom-file-control::before { @include border-left-radius(0); } &:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }
} }
} }