7

履歴書を印刷する必要がありますが、古いトリック

<link href="css/bootstrap.min.css" rel="stylesheet" media="print">

Bootstrap 3 はモバイル ファーストであるため (小さなデバイスから開始し、大きな画面用にメディア クエリを追加する)、ブラウザーを印刷するとモバイル CSS が保持されるため、もう機能しません。

正しい: 間違っている:


どうすればこれを修正できますか? もちろん、ブートストラップ 3 を再発明することはできません。また、構文が変更されているため、ブートストラップ 2 を使用することもできません。

履歴書の素敵なテンプレートを作成しましたが、pdf/印刷形式でも保存したいと思います。

ありがとう

4

3 に答える 3

5

印刷メディアクエリを追加するとうまくいきました。やっとたどり着いたのがこれ。

@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm;
  }
  .container {
    width: 1170px;
  }
}
于 2014-09-19T03:18:06.390 に答える
1

私のプロジェクトでは、同じ問題を発行しました。app.lessソースをインポートするファイルがあるのでbootstrap.less、次のことを行いました。

@import "my_path/bootstrap.less";
@media print{
   .make-grid(sm);
}

これは実際に Bootstrap のgrid.lessファイルで行われていることです

たぶんそれはよりクリーンなソリューションではありませんが、3 コード行離れています ;)

于 2014-02-24T14:51:57.370 に答える