0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00

Update form-control.md (#29203)

Fix Readonly plain text form alignment
This commit is contained in:
XhmikosR 2019-08-04 20:20:00 +03:00 committed by GitHub
parent d2b79d97e7
commit 9c75a63bfc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -62,14 +62,14 @@ If you want to have `<input readonly>` elements in your form styled as plain tex
{{< example >}} {{< example >}}
<form class="form-inline"> <form class="form-inline">
<div class="mb-3 mb-2"> <div class="mb-3">
<label for="staticEmail2" class="sr-only">Email</label> <label for="staticEmail2" class="sr-only">Email</label>
<input type="text" readonly class="form-control-plaintext" id="staticEmail2" value="email@example.com"> <input type="text" readonly class="form-control-plaintext" id="staticEmail2" value="email@example.com">
</div> </div>
<div class="mb-3 mx-sm-3 mb-2"> <div class="mb-3 mx-sm-3">
<label for="inputPassword2" class="sr-only">Password</label> <label for="inputPassword2" class="sr-only">Password</label>
<input type="password" class="form-control" id="inputPassword2" placeholder="Password"> <input type="password" class="form-control" id="inputPassword2" placeholder="Password">
</div> </div>
<button type="submit" class="btn btn-primary mb-2">Confirm identity</button> <button type="submit" class="btn btn-primary mb-3">Confirm identity</button>
</form> </form>
{{< /example >}} {{< /example >}}