ViktorWhere

Несколько правил которые облегчат вашу верстку на BS4.

1. container - Что это? Это обычный блок с заданной фиксированной шириной и паддингами с лева и соответственно с права. container не может находиться в container. Т.е следующая структура не корректна:

<div class="container">
        <div class="row">
            <div class="col-12">
                <div class="container">
                    Это не правильно!
                </div>
            </div>
        </div>
    </div>

Правильно:

<div class="container">
    <div class="row">
        <div class="col-12">
            Текст
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-12">
            Текст - 2
        </div>
    </div>
</div>

Так же как и col не может быть вложен в col.

<div class="container">
    <div class="row">
        <div class="col-12">
            <div class="col-5">
                col нельзя вкладывать в col
            </div>
        </div>
    </div>
</div>

Ну и row соответственно.

На бутстрапе это делается очень легко. Не понимаю почему помещение блоков в 2 и 4 в row не подойдет.
Например так:

<div class="container">
    <div class="row">
        <div class="col-sm-3">Левый блок</div>
        <div class="col-sm-6">
            <div class="row">
                <div class="col-12 mb-1">Верхний блок по середине</div>
                <div class="col-12 mb-1">Нижний блок по середине</div>
            </div>
        </div>
        <div class="col-sm-3">Правый блок</div>
    </div>
</div>