CSS-классы адаптивности изображений и таблиц
|
С информацией по работе с CSS-классами SIMAI Framework можно ознакомиться по ссылке: http://sf4.simai.pro/ru/ui/intro/modifier.php
Адаптивные изображения:Чтобы изображение было адаптивно, необходимо прописать класс img-responsive. Для этого в режиме визуального редактора нажать правой кнопкой мыши и выбрать "Редактировать изображение"
В открывшемся окне в дополнительных параметрах в поле CSS-класс прописать img-responsive. Если картинку нужно выровнять по центру, то в выпадающем списке "Выравнивание" выбрать нужный вариант, а в "CSS-класс" прописать img-responsive d-inline-block.
Адаптивные таблицы:
Со всеми вариантами таблиц можно ознакомиться по ссылке: http://sf4.simai.pro/ru/ui/content/table.php
Вариант 1. Прописать класс через "Свойства таблицы". Для этого в режиме визуального редактора нажимаем правой кнопкой мыши на область таблицы и выбираем пункт "Свойства таблицы".
Далее в открывшемся окне во вкладке "Дополнительные параметры" в поле CSS класс прописываем класс таблицы, например table table-bordered.
Вариант 2. Прописать класс таблицы через "Режим кода".
|
