Bootstrap удалить столбцы для печати

Question

У меня есть страница с двумя столбцами

<div class="container">
    <div class="row">
        <div class="col-md-8 "></div>
        <div class="d-print-none col-md-4"></div>
    </div>
</div>

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

Как скрыть правый столбец и получить левый, чтобы заполнить страницу для печати?

- Обновление -

Я изменил свой код на следующий

<div class="container">
    <div class="d-print-none">
        <div class="row">
            <div class="col-md-8 ">{% block content %}{% endblock %}</div>
            <div class="d-print-none col-md-4"></div>
        </div>
    </div>
    <div class="d-none d-print-block">
        <div class="row">
            <div class="col-md-12">{% block content %}{% endblock %}</div>
        </div>
    </div>
</div>

Это работает, когда

{% block content%} {% endblock%}

отсутствует в коде (этоКолба Питона).Но когда он появляется, я получаю сообщение об ошибке:

jinja2.exceptions.TemplateAssertionError: блок 'content' определен дважды

Очевидно, я вижу, что содержимое блока действительнотам дважды, однако мне нужно, чтобы он был включен для содержимого печати, другой для содержимого экрана.

Answer 1

Отзывчивые утилиты в Классы печати

visible-print-block только при печати страницы.

Bootstrap отзывчивые утилиты-печать

Демо