Базовая верстка для каталога элементов
Используйте классы flex d-flex flex-wrap. В этом случае элементы будут иметь одинаковую высоту.
Пример:
<div class="d-flex flex-wrap s1">
<div>1111111 111111111111 222222222222 2222222222222 3333 444445 5555555 66666 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 3333 444445 5555555 66666</div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 3333 444445 5555555 66666</div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 3333 444445 5555555 66666 3333 444445 5555555 66666</div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
<div>1111111 111111111111 222222222222 2222222222222 </div>
</div>
CSS (главное - установить ширину элемента):
.s1{background: #fcc;}
.s1>div{background: #aaf; border: solid 1px #ccc; padding:10px; width: 200px; }
Примечание: в некоторых случаях верстку нельзя изменить, в этом случае используем CSS для установки flex:
.s2{background: #fcc; display: flex; flex-wrap: wrap;}
Подробнее про Bootstrap flex - https://getbootstrap.com/docs/4.0/utilities/flex/
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Google поиск по нашей документации
- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности
- Коммуникация с пользователем
- Дизайн, стилизация
- Лендинги
- Универсальный API
- Примеры интеграций
- Каталоги Создание каталога товаров на сайте Создание гибкого каталога с фильтрами (list) Интеграция Яндекс YML. Импорт-экспорт каталога товаров в YML Как сделать каталог List с внешней разметкой Импорт товаров через XML файлы (YML, CML и др). Интеграция с 1С Базовая верстка для каталога элементов Как провести массовую обработку картинок (качество, размеры) Проблема избыточной выборки в List и Catalog Создание сущностей для учета со своим набором полей (из editor, без SQL) Как добавить в URL каталога List псевдофильтры
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- Системное администрирование
- HOWTO
- Таблицы
- Формы
- Загрузка файлов, картинок
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом
Это быстрое внесение изменений
по ходу эксплуатации программы. Как создается функционал на платформе
Это простой удобный интерфейс
адаптация под мобильные устройства. Про юзабилити платформы
Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.