Individual form controls automatically receive some global styling. All textual input, textarea, and select elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.
You can find more example here: http://getbootstrap.com/css/#forms

Basic Form

Horizontal Form

Inline Form

Input groups

Extend form controls by adding text or buttons before, after, or on both sides of any text-based input. Use .input-group with an .input-group-addon to prepend or append elements to a .form-control.


Basic Example

@
.00
$ .00

Checkboxes and Radio Addons

Button Addons and Buttons with Dropdowns

Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.


Standard Form Controls

Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.


Textarea

Form control which supports multiple lines of text. Change rows attribute as necessary.


Checkboxes and Radios

Selects

Use the default option, or add multiple to show multiple options at once.


Validation States

Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-success to the parent element. Any .control-label, .form-control, and .help-block within that element will receive the validation styles.


Control Sizing

Control Sizing

Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.


General Ultimate Forms
Note: works in Chrome, Firefox, Opera and IE10.
Note: hold down the ctrl/cmd button to select multiple options.
Note: height of the textarea depends on the rows attribute.
Note: expands on focus.
Stars
Trophies
Asterisks
Note: you can use more than 350 icons for rating http://fortawesome.github.io/Font-Awesome
Form Icons and placeholders
Form Tooltips
Responsive grid system
Datepicker
Available validation rules
Available masking rules
Registration form
Login form
Password recovery

Your request successfully sent!
Close window

Contacts form

Your message was successfully sent!

Comment form
You may use these HTML tags and attributes: <a href="" title="">, <abbr title="">, <acronym title="">, <b>, <blockquote cite="">, <cite>, <code>, <del datetime="">, <em>, <i>, <q cite="">, <strike>, <strong>.

Your comment was successfully added!

Checkout form
Order Form

Thanks for your order!
We'll contact you very soon.

Review form
Quality of the product
Reliability of the product
Overall rating
Success states for elements
This is a required field.
This is a required field.
Thanks for your selection.
Thanks for your text.
Thanks for your selection.
Thanks for your selection.
Thanks for your selection.
Thanks for your selection.
Error states for elements
This is a required field.
File size must be less than 3Mb.
You must select an option.
This is a required field.
You must select one option.
You must select at least one option.
You must select one option.
You must select at least one option.
Disabled states for elements
Slider Forms
Rounded Slider Forms

Bootstrap Modals

The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds .modal-open to the <body> to override default scrolling behavior and generates a .modal-backdrop to provide a click area for dismissing shown modals when clicking outside the modal. You can find more detailed information from the offecial Bootstrap website http://getbootstrap.com/javascript/#modals

Bootstrap Modals With Forms

You are alos able to use Bootstrap Modals with forms. Here is an examples of Bootstrap Modal forms:

Настройка внешнего вида

Предустановленные цвета


Ошибка передачи параметра.

Макет


Тип макета

Ошибка передачи параметра.

Ночной режим

Ошибка передачи параметра.

Шрифт

Ошибка передачи параметра.

Задний фон (только для боксед макета)


Ошибка передачи параметра.

Свой файл картинки заднего фона


*** Кнопка будет доступна после покупки.

Задний фон параллакс (только для боксед макета)


Ошибка передачи параметра.

Свой файл картинки параллакс


*** Кнопка будет доступна после покупки.

Верхнее Меню


Тип меню

Ошибка передачи параметра.

Внутреннее меню


Расположение меню

Ошибка передачи параметра.

Слайдер


Вид слайдер

Ошибка передачи параметра.

Блок под слайдером


Показывать блок

Ошибка передачи параметра.

Вид блока

Ошибка передачи параметра.

Преимущества компании


Блок «Преимущества компании» на главной

Ошибка передачи параметра.

Вид блока «Преимущества компании»

Ошибка передачи параметра.

Плитка


Плитка на главной

Ошибка передачи параметра.

Вид плитки

Ошибка передачи параметра.

Услуги компании


Блок «Услуги компании» на главной

Ошибка передачи параметра.

Вид блока «Услуги на главной»

Ошибка передачи параметра.

Наша команда


Блок «Наша команда» на главной

Ошибка передачи параметра.

Вид блока «Наша команда»

Ошибка передачи параметра.

Наши проекты


Блок «Наши проекты» на главной

Ошибка передачи параметра.

Вид блока «Наши проекты»

Ошибка передачи параметра.

Каталог товаров


Каталог товаров на главной

Ошибка передачи параметра.

Вид блока «Каталог товаров»

Ошибка передачи параметра.

Популярные товары


«Популярные товары» на главной

Ошибка передачи параметра.

Автопрокрутка популярных товаров

Ошибка передачи параметра.

Бесплатная консультация на главной


Показывать «Бесплатная консультация» на главной

Ошибка передачи параметра.

Вид блока «Бесплатная консультация»

Ошибка передачи параметра.

О компании


Блок «О компании» на главной

Ошибка передачи параметра.

Показывать в блоке «О компании»

Ошибка передачи параметра.

Портфолио


Блок «Портфолио» на главной

Ошибка передачи параметра.

Вид блока «Портфолио»

Ошибка передачи параметра.

Отзывы


Отзывы на главной

Ошибка передачи параметра.

Вид блока «Отзывы»

Ошибка передачи параметра.

Круглые картинки в отзывах

Ошибка передачи параметра.

Автопрокрутка отзывов

Ошибка передачи параметра.

Логотипы


Блок «Логотипы» на главной

Ошибка передачи параметра.

Вид блока «Логотипы»

Ошибка передачи параметра.

Автопрокрутка логотипов

Ошибка передачи параметра.

Подписка на новости внизу на главной


Показывать «Подписка на новости» на главной

Ошибка передачи параметра.

Новости на внутренних страницах


Внешний вид

Ошибка передачи параметра.

Баннер на внутренних страницах


Автопрокрутка баннера

Ошибка передачи параметра.

Облако тегов в статьях


Внешний вид

Ошибка передачи параметра.

Подвал сайта


Вид подвала

Ошибка передачи параметра.

Показывать Новости вместо виджета «ВК»

Ошибка передачи параметра.

Цвет подвала

Ошибка передачи параметра.