css - ページを印刷するときに、Bootstrap 3 列をページ幅全体に拡張するにはどうすればよいですか?

Question

アプリケーションのページを印刷するときに、サイド ナビゲーションを非表示にし、メイン コンテンツの幅を 12 列に拡張したいと考えています (Bootstrap 3 を使用しています)。

これが現在のhtml/cssです。

<div class="row">
  <div class="col-md-3 side-navigation hidden-print">
    ...
  </div>
  <div class="col-md-9">
    ...
  </div>
</div>

印刷時に2番目の列の幅を拡張するBootstrapの慣用的な方法は何ですか?

Answer 1

これを行うための Bootstrap のヘルパー クラスに答えた瞬間はありませんでした。そのようなことを実現したい場合は、css で div を非表示にするか、Javascript で 2 番目の div のクラスを設定して、col-md-9 から col-md-12 に変更します。または、「print」クラスの回答を参照してください。