Na naszych stronach internetowych bardzo często korzystamy z formularzy. Służą one do wysłania wiadomości, zostawienia komentarza, wyszukiwania czy zapisywania się do newslettera. Skoro ten tutorial posiada taki wpis to znaczy, że bootstrap posiada jakieś ułatwienia w ich stosowaniu. Podstawowy formularz Wstępnie pokażę jak zrobić prosty formularz z polem do podania adresu email, „zakropkowanym” hasłem, polem […]

Czytaj!

W poprzednim wpisie pokazałem jak tworzyć podstawowe formularze ale nie opisałem jakie rodzaje pól można w nich stosować. W tym poście znajdziecie na to odpowiedź. Podstawowe pole formularza Jest to pole które w którym zwykle wpisujemy swoje imię, login, hasło, adres email itp. Tworzymy je poprzez znacznik <input> Pola formularza są zgodne ze wszystkimi znacznikami <type> […]

Czytaj!

Formularze to dosyć rozbudowany temat w bootstrapie, pokazałem już jak je tworzyć oraz jakie pola mogą zawierać. Teraz postaram się przybliżyć opcje które zmieniają ich wygląd czy dodają nowe funkcjonalności. Statyczne pole formularza Czasami w naszym formularzu chcemy podać stałą wartość np. Mail na jaki będzie wysłana wiadomość. Można to uzyskać w formularzu z opisami […]

Czytaj!

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 input-lg Standardowa wielkość input-sm Zmiana szerokości pól formularza Standardowo wszystkie pola formularzy […]

Czytaj!