Готовая форма Bootstrap 3 / Формы / Сниппеты Bootstrap

Версия: v1.0

Каталог: Сниппеты Bootstrap

Категория: Формы

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 689

Количество символов:

Посмотрели: 4367 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 3.2 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Snippet, формы, Form, сниппет, Bootstrap, html

Поделился: BootstrapТема

Добавлено: 2016-03-06 в 17:53

Метка: 1581663755

⇄ ⇅

<div class="container">
 <div class="row">
 <div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-4 well well-sm">
 <legend><a href="https://bootstraptema.ru/stuff/0-0-0-0-1"><i class="glyphicon glyphicon-home"></i></a> BootstrapТема</legend>
 <form action="#" method="post" class="form" role="form">
 <input class="form-control" name="name" placeholder="Ваше Имя" type="text" />
 <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required" placeholder="Текст сообщения"></textarea>
 <label for="date">Дата отправки</label>
 <div class="row">
 <div class="col-xs-4 col-md-4">
 <select class="form-control">
 <option value="День">День</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">5</option>
 <option value="6">6</option>
 <option value="7">7</option>
 <option value="8">8</option>
 <option value="9">9</option>
 <option value="10">10</option>
 <option value="11">11</option>
 <option value="12">12</option>
 <option value="13">13</option>
 <option value="14">14</option>
 <option value="15">15</option>
 <option value="16">16</option>
 <option value="17">17</option>
 <option value="18">18</option>
 <option value="19">19</option>
 <option value="20">20</option>
 <option value="21">21</option>
 <option value="22">22</option>
 <option value="23">23</option>
 <option value="24">24</option>
 <option value="25">25</option>
 <option value="26">26</option>
 <option value="27">27</option>
 <option value="28">28</option>
 <option value="29">29</option>
 <option value="30">30</option>
 <option value="31">31</option>
 </select>
 </div>
 <div class="col-xs-4 col-md-4">
 <select class="form-control">
 <option value="Месяц">Месяц</option>
 <option value="Апрель">Апрель</option>
 <option value="Май">Май</option>
 <option value="Июнь">Июнь</option>
 <option value="Июль">Июль</option>
 <option value="Август">Август</option>
 <option value="Сентябрь">Сентябрь</option>
 <option value="Октябрь">Октябрь</option>
 <option value="Ноябрь">Ноябрь</option>
 <option value="Декабрь">Декабрь</option>
 </select>
 </div>
 <div class="col-xs-4 col-md-4">
 <select class="form-control">
 <option value="Год">Год</option>
 <option value="2016">2016</option>
 </select>
 </div>
 </div>
 <label>Дополнительно</label>
 <div class="row">
 <div class="col-xs-6 col-md-6">
 <select class="form-control">
 <option value="Тип обращения">Тип обращения</option>
 <option value="Заказ">Заказ</option>
 <option value="Предложение">Предложение</option>
 <option value="Жалоба">Жалоба</option>
 </select>
 </div>
 <div class="col-xs-6 col-md-6">
 <select class="form-control">
 <option value="Пол">Кто Вы</option>
 <option value="Мужчина">Мужчина</option>
 <option value="Женщина">Женщина</option>
 </select>
 </div> 
 </div>
 <button class="btn btn-lg btn-primary btn-block" type="submit">Отправить</button>
 </form>
 </div>
 </div>

BootstrapTema

Готовая форма Bootstrap 3

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0