css - Bootstrap 列の自動改ページ

Question

Web アプリケーションの印刷スタイルシートに取り組んでいます。アプリケーションはブートストラップを使用します。すべてのページが印刷可能であるべきであり、できるだけ多くの空白を削除する必要があります。

私の問題には、次の HTML コードが含まれます。

<div class="row">
  <div class="col-xs-6">
    <div class="line">...</div>
    <div class="line">...</div>
    <div class="line">...</div>
  </div>
  <div class="col-xs-6">
    <div class="line">...</div>
    <div class="line">...</div>
    <div class="line">...</div>
  </div>
</div>

2 列のレイアウトがあり、各列には複数の行があります。列の行間で改ページを有効にする方法はありますか?

列には多くの行が含まれる可能性があり、div 全体が新しいページに移動するのを避けたいと考えています。代わりに、div の行の間に改ページが必要です。

私が直面している主な問題は、通常の HTML テーブルのように行ごとではなく、列ごとに構築されたテーブルがあることだと思います。