Bootstrap

Изучение технологии Bootstrap (верстка сайта)

16 уроков 20 заданий Справочник Компилятор

#7 - Создание форм и полей

#7 - Создание форм и полей


BootstrapHTML5

В этом уроке мы с вами научимся работать с формами при помощи фреймворка Bootstrap. Мы будем создавать различные поля с различными типами, а также добавлять к ним разнообразные стили.

Видео урок:

Исходный код

Работа с формами
<div class="container">
    <form class="form-horizontal">
     <div class="form-group">
      <label class="col-sm-2 control-label">Ваша почта</label>
      <div class="col-sm-10">
       <p class="form-control-static">test@test.net</p>
      </div>
     </div>
     <div class="form-group has-success">
      <label for="pass" class="col-sm-2 control-label">Пароль</label>
      <div class="col-sm-10">
       <input type="password" class="form-control input-xs" id="pass" placeholder="Введите пароль">
      </div>
     </div>
    </form>
</div>

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям!

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


BootstrapHTML5

Также стоит посмотреть