Search results
Give textual form controls like <input> s and <textarea> s an upgrade with custom styles, sizing, focus states, and more. Set heights using classes like .form-control-lg and .form-control-sm. Add the disabled boolean attribute on an input to give it a grayed out appearance and remove pointer events.
Form controls. Textual form controls—like <input>s, <select>s, and <textarea>s—are styled with the .form-control class. Included are styles for general appearance, focus state, sizing, and more. Be sure to explore our custom forms to further style <select>s.
Bootstrap Form Layouts. Bootstrap provides three types of form layouts: Vertical form (this is default) Horizontal form; Inline form; Standard rules for all three form layouts: Wrap labels and form controls in <div class="form-group"> (needed for optimum spacing) Add class .form-control to all textual <input>, <textarea>, and <select> elements
All textual <input> and <textarea> elements with class .form-control get proper form styling: Also note that we add a .form-label class to each label element to ensure correct padding. Checkboxes have different markup.
Tekst formularza na poziomie blokowym lub wbudowanym można utworzyć za pomocą .form-text.
Uaktualnij kontrolki formularzy tekstowych, takie jak <input> s i <textarea> s, dzięki niestandardowym stylom, rozmiarom, stanom fokusu i nie tylko. Ustaw wysokości za pomocą klas takich jak .form-control-lg i .form-control-sm.
Form controls. Bootstrap’s form controls expand on our Rebooted form styles with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices. The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.
