Как сверстать такую конструкцию в BS?

Конечно, Bootstrap предоставляет широкие возможности для верстки различных конструкций, в том числе и сложных. Для создания указанной конструкции в Bootstrap можно воспользоваться следующим подходом:

1. **HTML-разметка**:

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <!-- Содержимое левой части -->
            <div class="row">
                <div class="col-md-6">
                    <!-- Внутренний блок 1 -->
                </div>
                <div class="col-md-6">
                    <!-- Внутренний блок 2 -->
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <!-- Содержимое правой части -->
        </div>
    </div>
</div>

2. **Стилизация**:

.container {
    padding: 20px 0;
}

.col-md-8 {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
}

.col-md-4 {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
}

.col-md-6 {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

3. **Bootstrap классы**:
- container - создает контейнер с фиксированной шириной и центрирует его на странице.
- row - создает строку для размещения колонок.
- col-md-8 - создает колонку шириной в 8 от 12 колонок в широком экране (md).
- col-md-4 - создает колонку шириной в 4 от 12 колонок в широком экране (md).
- col-md-6 - создает колонку шириной в 6 от 12 колонок в широком экране (md).

Таким образом, указанный HTML и CSS позволят создать конструкцию с двумя колонками в левой части (разделенными на два блока) и одной колонкой в правой части. С помощью Bootstrap и правильной структуры разметки можно легко обеспечить гибкость и адаптивность дизайна для различных типов устройств.