Уроки Bootstrap

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

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

В этом уроке мы с вами научимся работать с формами при помощи фреймворка 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 месяца

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

Уроки Python Django / Создание сайта
12 уроков
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Современная вёрстка адаптивного веб-сайта
Создание блога на Ruby On Rails
8 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта