CSS-классы адаптивности изображений и таблиц
Адаптивные изображения
Чтобы изображение было адаптивно, необходимо прописать класс img-responsive. Для этого в режиме визуального редактора нажать правой кнопкой мыши и выбрать "Редактировать изображение"
В открывшемся окне в дополнительных параметрах в поле CSS-класс прописать img-responsive. Если картинку нужно выровнять по центру, то в выпадающем списке "Выравнивание" выбрать нужный вариант, а в "CSS-класс" прописать img-responsive d-inline-block.
Адаптивные таблицы
Вариант 1. Прописать класс через "Свойства таблицы". Для этого в режиме визуального редактора нажимаем правой кнопкой мыши на область таблицы и выбираем пункт "Свойства таблицы".
Далее в открывшемся окне во вкладке "Дополнительные параметры" в поле CSS класс прописываем класс таблицы, например table table-bordered.
Если таблица имеет много столбцов и информации в них, она все равно может не поместиться по ширине, поэтому можно дополнительно прописать класс адаптивности table-responsive.
Пример двух классов - table table-bordered table-responsive
Вариант 2. Прописать класс таблицы через "Режим кода".
Для этого нужно перейти в режим кода:
Найти строку с кода таблицы и вместо border="1" cellpadding="1" cellspacing="1" прописываем нужный класс, например class="table table-bordered".
