CSS-классы адаптивности изображений и таблиц

Адаптивные изображения:

Чтобы изображение было адаптивно, необходимо прописать класс img-responsive. Для этого в режиме визуального редактора нажать правой кнопкой мыши и выбрать "Редактировать изображение"

В открывшемся окне в дополнительных параметрах в поле CSS-класс прописать img-responsive. Если картинку нужно выровнять по центру, то в выпадающем списке "Выравнивание" выбрать нужный вариант, а в "CSS-класс" прописать img-responsive d-inline-block.

Адаптивные таблицы:

Вариант 1. Прописать класс через "Свойства таблицы". Для этого в режиме визуального редактора нажимаем правой кнопкой мыши на область таблицы и выбираем пункт "Свойства таблицы".

Далее в открывшемся окне во вкладке "Дополнительные параметры" в поле CSS класс прописываем класс таблицы, например table table-bordered.

Вариант 2. Прописать класс таблицы через "Режим кода".

Для этого нужно перейти в режим кода:

Найти строку с кода таблицы и вместо  border="1" cellpadding="1" cellspacing="1" прописываем нужный класс, например class="table table-bordered".