Bootstrap tutorial logo

Wymiary formularzy / Control sizing

autor: Robert

12 lipca 2013

Do określania wysokości pól formularza korzystamy z dwóch klas .input-lg, która jak można się domyślać powiększa. Oraz .input-sm, która zmniejsza wielkośc pola w formularzu. W celu zmiany szerokości pól formularza będziemy korzystać z dobrze nam znanych klas jak .col-lg-*

Zmiana wysokości pól formularza






Zmiana szerokości pól formularza

Standardowo wszystkie pola formularzy mają szerokość 100% gdy chcemy to zmienić to input musimy otoczyć divem z odpowiadającym nam rozmiarem np. .col-md-6 lub .col-xs-4


Teksty z podpowiedziami

Gdy chcemy podpowiedzieć użytkownikowi co dokładnie ma wpisać w polu powyżej wystraczy pod polem input dopisać

<span class="help-block">Podpowiedź tekstowa, która może być dłuższa niż jedna linijka</span>


Podaj adres email w formacie [email protected]

Poniżej znajduje się strona z wymienionym przykładami
Przykładowa strona


Post się przydał? Oceń go proszę.
1 Gwiazdka2 Gwiazdki3 Gwiazdki4 Gwiazdki5 Gwiazdek (11 głosów, średnia: 4,64 na 5)
Loading...

Komentarze: Bądź pierwszy!