Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

 30514

-- Tom

Закрыть

Bootstrap-4 первые шаги / Обратная связь - стильная форма

  • На этом уроке мы зададим стили элементам формы обратной связи
  • Дата отправки отчёта: 24 декабря 2021 г.
  • Задание выполнено: за 11 мин.
  • Чему научился: Задал отступы для блока обратной связи, ограничил максимальную ширину для блока элементов формы. Изменил цвет заголовка и цвет фона кнопки.
  • Оценка видео-уроку:
Отчёт от 30514 за Bootstrap-4 первые шаги / Обратная связь - стильная форма

Отчёт от 30514 за Bootstrap-4 первые шаги / Обратная связь - стильная форма



Оцени работу

 
Сохранить страницу:

  • Отчёт оценивали:
    30187. Tim+1   791. Валерий Жданов+1   9014. Николай Денисов+1   1710. Степан+1  

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
19475. Konstantin / Bootstrap-4 первые шаги / Обратная связь - стильная форма


Научился: Урок замечательный! Немного теории в урок: • КАК МОЖНО УПОРЯДОЧИТЬ СТОЛБЦЫ В BOOTSTRAP? Вы можете легко изменить порядок встроенных столбцов с помощью классов-модификаторов ".col-md-push-*" и ".col-md-pull-*" в диапазоне от 1 до 11. • КАКИМИ ДВУМА СПОСОБАМИ ВЫ МОЖЕТЕ ОТОБРАЗИТЬ КОД В BOOTSTRAP? Код в Bootstrap вы можете отобразить двумя способами: • Поместить код в строковый тег . • Для выделения 2-х и более строк кода используйте тег 
. Избегайте использования угловых скобок < и >, для корректного отображения фрагментов кода. Всегда используйте теги 
 как можно левее в редакторе кода, так как внутри тега 
 сохраняются все отступы и пробелы.

•	КАК СДЕЛАТЬ ИЗОБРАЖЕНИЯ RESPONSIVE(ОТЗЫВЧИВЫМ)?
Bootstrap 3 позволяет сделать изображения отзывчивыми путем добавления класса ". img-responsive" в  тег . Этот класс применяет "max-width: 100%;" и "height: auto;" к изображению, так что изображение красиво масштабируется относительно родительского элемента.
 Желающий могут добавить в тест к уроку и заработать байты.
Надеюсь полезно.
Трудности: Не получилось раздвинуть. Вкралась ошибка, с которой не разобраться... Несколько вариантов пробовал... всё тщетно.
Оставил эту затею - двигаюсь вперед. =)

17947. Dmitry Sinitsin / Bootstrap-4 первые шаги / Обратная связь - стильная форма


Научился: HTML-формы == элементы управления для сбора информации от посетителей веб-сайта. Состоят из текстовых полей, кнопок, списков. Технически формы передают данные от пользователя Серверу. Для получения и обработки данных форм используются PHP, Perl. До появления HTML5 веб-формы представляли собой набор нескольких элементов , , завершающихся кнопкой . Для стилизации форм в разных браузерах приходилось попотеть. Формы требовали применения JavaScript для проверки введенных данных, были лишены специфических типов полей ввода для указания повседневной информации типа дат, адресов электронной почты и URL-адресов. HTML5-формы решили большинство проблем благодаря новым атрибутам, предоставив возможность изменять внешний вид элементов форм за счет CSS3.