Joomla分类博客打破CSS框架响应

Question

当我创建“类别博客”页面时，它会破坏我的CSS框架。我用Bootstrap 4，Bootstrap 3和MaterialiseCSS尝试过这个。每次都会发生同样的事情。

左列显示正确，包含类别博客文章预览。但是，右列移动到左列下方。

这是我在尝试bootstrap时使用的代码：

        <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

P.S。我已经搜索过这个问题了，我确实看到其他人已经问过了 - 但我发现的问题都没有任何答案。