Поиск по блогу

Bootstrap 4. Компонент «Сообщения»

Сообщения (alerts) предназначены для выделения на веб-странице некоторой информации с целью привлечения к ней внимания пользователя. Наиболее часто данный компонент используют для отображения ошибок и предупреждений при валидации форм.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Компонент «Модальное окно»

Компонент предназначен для отображения на странице изначально скрытого контента. При появлении по какому-либо событию, модальное окно затемняет всю страницу и отображается поверх остальных элементов. Окно представляет собой контейнер, который содержит заголовок, основное содержимое и подвал.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Компонент «Карточка»

Компонент «Карточка» предназначен для оформления блока с текстом. Карточка имеет гибкую структуру — можно добавить шапку, подвал, список, картинку. Кроме этого, карточке можно придать нужное цветовое оформление — задать цвет фона, текста и границ.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Компонент «Формы»

Компонент «Формы» — это набор CSS-классов, которые предназначены для оформления HTML форм: form-group, form-control, input-group, input-group-prepend, input-group-text, form-row, form-inline, invalid-feedback, valid-feedback, is-invalid, is-valid.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 3

По умолчанию адаптивные блоки визуально отображаются в том порядке, в котором они расположены в HTML коде. Изменить визуальный порядок следования адаптивного блока выполняется посредством класса order-{1…12}. Этот класс предназначен xs устройств. Для изменения порядка для sm, md, lg и xl используется…
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 2

Адаптивная сетка Bootstrap 4 построена на основе Flexbox. Основой сетки является класс row в качестве родительского контейнера для нескольких адаптивных блоков. Для класса row задано свойство display:flex, а дочерние элементы делят его пространство на части, но для разных разрешений экрана — по разному.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 1

Bootstrap 4 — это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрого создания адаптивных дизайнов сайтов. В сущности — это просто набор сss- и js-файлов. После подключения этих файлов к странице станут доступны большое количество готовых классов и компонентов.
Категория: Web-разработкаHTML и CSS

WordPress. Создание простой темы

Темы WordPress находятся в поддиректориях wp-content/themes. Директория темы содержит файл стилей style.css, около дюжины php-шаблонов и файл дополнительного функционала functions.php. Файлы index.php и style.css являются обязательными. Файл стилей style.css обязательно должен содержать информацию о теме в комментарии.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 12

В WordPress доступны два элемента управления, которые позволяют выбрать значение из множества допустимых — это select (выпадающий список) и radio (группа переключателей). Но нет элемента управления, который позволил бы выбрать несколько значений. Давайте исправим это упущение и создадим такой элемент управления.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 11

WordPress из коробки предоставляет множество элементов управления: text (простое поле ввода), textarea (поле для ввода большого текста), checkbox (переключатель), radio (группа переключателей), select (выпадающий список) и другие. Но иногда этого не хватает и возникает необходимость в создании своих элементов управления.
Категория: Web-разработкаCMS WoprdPress
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.