diff options
| author | ysds <[email protected]> | 2019-07-24 22:24:45 +0900 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2019-07-25 10:58:06 -0700 |
| commit | c0a64e989a5014cd47d4a5c43524cda9a509ca3b (patch) | |
| tree | 6f562727bca77249a709e19d76f841a24410eb8f /site/content/docs/4.3/forms/validation.md | |
| parent | b4bf0ab371a377c5ec23c05010057667d8a42c9d (diff) | |
| download | bootstrap-c0a64e989a5014cd47d4a5c43524cda9a509ca3b.tar.xz bootstrap-c0a64e989a5014cd47d4a5c43524cda9a509ca3b.zip | |
Remove outdated documentation
* Remove about generated button of file form
* Remove and merge layout examples of custom forms
* Clarify id/for
* Change some spacing classes for consistency
Diffstat (limited to 'site/content/docs/4.3/forms/validation.md')
| -rw-r--r-- | site/content/docs/4.3/forms/validation.md | 29 |
1 files changed, 14 insertions, 15 deletions
diff --git a/site/content/docs/4.3/forms/validation.md b/site/content/docs/4.3/forms/validation.md index 63fc4e8f0..bedaeba13 100644 --- a/site/content/docs/4.3/forms/validation.md +++ b/site/content/docs/4.3/forms/validation.md @@ -259,9 +259,8 @@ We recommend using client-side validation, but in case you require server-side v Validation styles are available for the following form controls and components: - `<input>`s and `<textarea>`s with `.form-control` (including up to one `.form-control` in input groups) -- `<select>`s with `.form-control` or `.form-select` +- `<select>`s with `.form-select` - `.form-check`s -- `.custom-checkbox`s and `.custom-radio`s - `.form-file` {{< example >}} @@ -274,19 +273,19 @@ Validation styles are available for the following form controls and components: </div> </div> - <div class="custom-control custom-checkbox mb-3"> - <input type="checkbox" class="custom-control-input" id="customControlValidation1" required> - <label class="custom-control-label" for="customControlValidation1">Check this custom checkbox</label> + <div class="form-check mb-3"> + <input type="checkbox" class="form-check-input" id="validationFormCheck1" required> + <label class="form-check-label" for="validationFormCheck1">Check this checkbox</label> <div class="invalid-feedback">Example invalid feedback text</div> </div> - <div class="custom-control custom-radio"> - <input type="radio" class="custom-control-input" id="customControlValidation2" name="radio-stacked" required> - <label class="custom-control-label" for="customControlValidation2">Toggle this custom radio</label> + <div class="form-check"> + <input type="radio" class="form-check-input" id="validationFormCheck2" name="radio-stacked" required> + <label class="form-check-label" for="validationFormCheck2">Toggle this radio</label> </div> - <div class="custom-control custom-radio mb-3"> - <input type="radio" class="custom-control-input" id="customControlValidation3" name="radio-stacked" required> - <label class="custom-control-label" for="customControlValidation3">Or toggle this other custom radio</label> + <div class="form-check mb-3"> + <input type="radio" class="form-check-input" id="validationFormCheck3" name="radio-stacked" required> + <label class="form-check-label" for="validationFormCheck3">Or toggle this other radio</label> <div class="invalid-feedback">More example invalid feedback text</div> </div> @@ -297,13 +296,13 @@ Validation styles are available for the following form controls and components: <option value="2">Two</option> <option value="3">Three</option> </select> - <div class="invalid-feedback">Example invalid custom select feedback</div> + <div class="invalid-feedback">Example invalid select feedback</div> </div> <div class="form-file"> - <input type="file" class="form-file-input" id="validatedCustomFile" required> - <label class="form-file-label" for="validatedCustomFile">Choose file...</label> - <div class="invalid-feedback">Example invalid custom file feedback</div> + <input type="file" class="form-file-input" id="validationFormFile" required> + <label class="form-file-label" for="validationFormFile">Choose file...</label> + <div class="invalid-feedback">Example invalid form file feedback</div> </div> </form> {{< /example >}} |