1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 15:50:01 +02:00

Validation tooltip example (#25143)

* Add additional form validation examples

Fixes #24811.

This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs.

* Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element

* update ids

* finish docs paragraph, mention position: relative
This commit is contained in:
Mark Otto
2018-01-02 21:57:56 -08:00
committed by GitHub
parent d66875d0e6
commit 460849ddcd
2 changed files with 87 additions and 12 deletions

View File

@@ -27,7 +27,6 @@
@mixin form-validation-state($state, $color) {
.#{$state}-feedback {
display: none;
width: 100%;
@@ -41,7 +40,7 @@
top: 100%;
z-index: 5;
display: none;
width: 250px;
max-width: 100%; // Contain to parent when possible
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;