ブーツラップ＃印刷時に特定のブラウザのサイドバーラッパーが空きます

Question

Twitterのブートストラップアプリケーションから印刷する際に問題が発生しました。 https://hod-nav.herokuapp.com/members/H0252# 印刷ボタンを使用しようとしたとき、またはファイル>印刷の場合、＃サイドバーラッパーは印刷されたページ上で不動産を占有します。

これは、PC Safari、Mac Safari、およびMac Firefoxでのみ発生します。

私はBS 3.3.6を使用しています。

私は数多くのことをしました。 「すべて」 私は神秘的なクラス= "隠しを追加しました•私はそう...

@media print { 
    #sidebar-wrapper { 
    display: none !important; 
    visibility: hidden !important; 
    } 

のようなBSの印刷スタイルシートをいじってきます：私のCSSはメディアに設定されています

問題の要素に「印刷」します。

•上記のような印刷スタイルシートで印刷する必要がないものを非表示にすることができます。

•私はまた、要素を非常に具体的にターゲットにするためにカスケードからセレクタを追加しました。

印刷ボタンまたは基本的なCTRL/CMD + Pをクリックするとわかるように、上記の問題のあるブラウザでは、250px +の空白を左側に残したいのに対して、メインコンテナdivは他のブラウザと同じように全幅で印刷するようにマップします。

他の誰かがこの問題をこのブラウザなどで遭遇したのかどうかは不思議です。

追加情報を確認できてうれしいです。

読んでお考えになることを前もってありがとうございます。

@media print { 
    #wrapper { 
    padding-left: 0; 
    } 
} 

これは、する必要があります：敬具

、 ディックそれはレイアウトのスペースを占有#sidebar-wrapperではありません

Answer 1

は、それはあなたが印刷に無効にする必要がある主な要素の左パディング、ですあなたのスタイルの最後に配置して、#wrapperセレクタを@media (min-width: 768px)に上書きします。代わりに#wrapperの代わりにdiv#wrapperを使用することもでき、CSSファイル内の位置に関係なく適用されます。

そして、idのどれもTwitter Bootstrapとは関係ありません。あなたのラッパー要素でパディングがあるよう

Answer 2

が見える - >

#wrapper { padding-left:250px;}