Сетка начальной загрузки не распространяется по всей ширине экрана

Question

У меня есть следующий код с 1 строкой 2 столбца. Однако на полях экрана много свободного места. Любая идея, как это исправить, пожалуйста?

<div class="container">
<div class="row">
    <div class="col col-md-3">
        <div class="card h-100">
            <p class="card-body">This card on the left of the other two cards, with a fixed height and scrolling.</p>
        </div>
    </div>
    <div class="col col-md-9">
        <div class="card">
            <p class="card-body">How do you want to ask the question?<p>
        </div>
        <div class="card">
            <p class="card-body">How should students ask the question?</p>
        </div>
    </div>
</div>

Answer 1

Просто удалите div с контейнером класса.

<div class="row">
<div class="col col-md-3">
    <div class="card h-100">
        <p class="card-body">This card on the left of the other two cards, with a fixed height and scrolling.</p>
    </div>
</div>
<div class="col col-md-9">
    <div class="card">
        <p class="card-body">How do you want to ask the question?<p>
    </div>
    <div class="card">
        <p class="card-body">How should students ask the question?</p>
    </div>
</div>