Работа с шаблоном элементов списка в HtmlBuilder - делаем карточки для блога

Рассмотрим как просто создать карточки с изображениями для вывода блога в HtmlBuilder Вначале нам понадобится скачать картинки и положить их в папку images проекта Перейдем на сайт Boostrap и скачаем пример Html разметки для карточек 5-ой версии     Затем откроем пресет (общие настройки) и перейдем в оформление шаблона элемента, вставим код с Bootstrap и заменим в примере выражениями , , те места, куда должна выводится картинка, альтернативный текст и аннотация Теперь в настройках страницы добавим в дополнительные поля путь к картинке, пояснение и аннотацию к статье, например Сгенерируем новый сайт, видно, что появились карточки  

Теги документа