Форма заказа Fieldset - сниппет Bootstrap
Форма заказа с использованием fieldset для Bootstrap, готовый HTML код сниппета для сайта
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<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>
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
Bootstrap bootstrap CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Как задать ширину 100 пикселей в CSS