Форма заказа Fieldset / Формы / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

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

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

Bootstrap: 3

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

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

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

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

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

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

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

Рейтинг: 2.4 / 5 - 23 голосов

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

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

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

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

Теги: бутстрап, fieldset, Bootstrap, форма, Snippet, поле

Поделился: aTmpl

Добавлено: 2015-11-26 в 12:56

Метка: 1582178750

⇄ ⇅

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2015/bootstrap3/bootstrap.min.css" />
<style>
 fieldset.field {
 border: 1px solid #8867EB;
 width: 100%;
 background: #694198;
 padding: 3px
 }
 
 fieldset.field legend {
 background: #4D329C;
 padding: 6px;
 font-weight: bold;
 color: #FFFFFF
 }
 
 fieldset.field label {
 color: #FFFFFF
 }
 
 fieldset.field input {
 font-weight: normal;
 color: #222222
 }
</style>
<div class="container">
 <div class="row">
 <div class="col-md-4 col-md-offset-4">
 <fieldset class="field">
 <legend class="text-center">Форма заказа</legend>
 <div class="form-group">
 <label>Ваше имя
 <input type="text" name="name" />
 </label>
 </div>
 <div class="form-group">
 <label>Ваш Е-майл
 <input type="text" name="email" />
 </label>
 </div>
 <div class="form-group">
 <label>Ваш телефон
 <input type="text" name="phone" />
 </label>
 </div>
 <div class="form-group">
 <input type="submit" class="btn btn-default center-block" name="button" value="Отправить" />
 </div>
 </fieldset>
 </div>
 </div>
</div>