Bootstrap - zlobí validátor s ikonkama
Ahoj,
navazuji na můj předchozí problém, kde jsem jen přehlédnul velikost písmen.
Nyní jsem přeskládal inputy do dvou vertikálních poloh, ale tato změna ovlivnila graficky validaci.
Jednoduše inputy by měly mít:
- šedý okraj, pokud nemají focus a nejsou vyplněné.
- zelený okraj pokud jsou správně vyplněné
- Červený okraj s chybou, pokud je chyba ve vložených datech
Nyní je stav ten, že chyba se sice vypisuje, ale přestal se zobrazovat zelený a nebo červený okraj (s faječkou či křížkem).
Toto nefunguje:
Celý příklad i s možností jej ladit jsem umístil sem: https://codepen.io/anon/pen/QxvZpd
V čem je prosím ta chyba ?
Kromě classy "input-group" tam musíš mít "form-group".
Díky za reakci.
Skutečně tam musí být to form-group.
Jenomže nevím, jak to zapsat, aby mohlo být "vedle sebe" více prvků ve form-group.
Když dám oba dva inputy do form-group, tak se validace chová divně (daná "zelená" klasa se hodí i na druhý input z prvního)
A když dám každý input do samostatného form-group, tak se naformátují graficky pod sebe.
Co s tím? Má to nějaké řešení?
Tak tu classu přidej k inputGroupContainer.
Ano. To pomohlol, díky.
Jenže já potřebuju mít pod sebou několik těchto dvojic.
A dívej, jak to zlobí:
https://codepen.io/anon/pen/QxvZpd
Co jsem zadal špatně?
Díky draci!
Už jsem to pořešil daním "řádku" do <div class="row">
Mějte se, snad se někdy zase setkáme při dalším skvělém boji.
Great battle !