Блог категории Joomla ломает CSS Framework Отзывчивость

Когда я создаю страницу «Блог категории», это разрушает мою структуру CSS. Я пробовал это с Bootstrap 4, Bootstrap 3 и MaterializeCSS. То же самое происходит каждый раз.

Левый столбец отображается правильно, содержит предварительный просмотр статьи блога категории. Однако правый столбец перемещается ниже левого столбца.

Вот код, который я использую при попытке начальной загрузки:

        <div class="container">

<div class="row">
<div class="col-xs-12 col-sm-8 mt-4">
<jdoc:include type="modules" name="main_one" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="main_two" />
</div>

<div class="col-xs-12 col-sm-4 mt-5" id="side">
<jdoc:include type="modules" name="side_one" />
<jdoc:include type="modules" name="side_two" />
<jdoc:include type="modules" name="side_three" />
</div>
</div>

</div>

Я перепробовал все настройки Joomla, которые только мог придумать, и даже удалил кучу классов со сгенерированной страницы, используя инструменты разработчика, и мне не удалось изолировать проблему. Я довольно новичок в Joomla, и любая помощь будет высоко ценится.

Как это должно работать, видно здесь: thepedanticpolymath.com/index.php

Проблема видна здесь: thepedanticpolymath.com/index.php/home/test

Постскриптум Я искал эту проблему, и я вижу, что другие задавали ее, но ни на один из найденных вопросов вообще не было ответов.