打印與引導加擾

我有一個網頁，我試圖打印它。我正在使用引導程序導航欄。問題是，當我使用bootstarp導航欄時，打印預覽沒有任何意義。我在頁面中看到代碼行，而不是實際的內容。打印與引導加擾

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="design.css" rel="stylesheet"> 
<link rel="stylesheet" type="text/css" media="print" href="design.css"> 
<body> 

<div class="navbar navbar-inverse navbar-static-top" > 
     <div class="container"> 

      <a href="http://localhost/sapir/registration.php" class="navbar-brand"><img src="http://sphotos-h.ak.fbcdn.net/hphotos-ak-prn1/41032_147610068590926_4173889_n.jpg" id="logo"></a> 

      <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
       <span class="icon-bar"></span> <span class="icon-bar"></span> <span 
        class="icon-bar"></span> 
      </button> 

      <div class="collapse navbar-collapse navHeaderCollapse"> 

       <ul class="nav navbar-nav navbar-right"> 


        <li><a href="javascript&#058;print(document)"><img src="https://cdn1.iconfinder.com/data/icons/nuvola2/128x128/devices/print_printer.png" id="logo" ></a></li> 
        <li><a href="Register.html">Register</a></li> 
        <li><a href="customer.html">Clients</a></li> 
        <li><a href="Administrator.html">Administrator</a></li> 
        <li><a href="account.html">Accounts</a></li> 
        <li><a href="Illustration.html">Illustration</a></li> 
        <li class="active"><a href="http://localhost/sapir/php-calendar-2.0/index.php">שיבוץ</a></li> 
        <li class="dropdown"><a href="#" class="dropdown-toggle"></li> 

       </ul> 

      </div> 

     </div> 
    </div> 
</body>

什麼我需要做這樣的頁面會：當我refferance添加到bootstrap.min.css 我的網頁（相關部分）（下面的代碼所示）問題只發生正確打印（沒有導航欄）？

這是問題的一個形象：http://postimg.org/image/mk0vwde8b/6e80e14d/

來源

2014-02-20 user2674835

打印時是否需要顯示導航欄？如果沒有，print css中的「display：none」。除此之外，它聽起來像你有一個HTML錯誤。運行你的代碼：http://validator.w3.org/ –

這個html，我只是將它導入到一個php頁面，我想打印php內容而不是導航欄。下面的解決方案並不適合我。任何其他想法？ – user2674835

您可以使用CSS媒體查詢來創建打印頁面時隱藏的類。

@media print {  
    .print-hide .print-hide * { 
     display: none !important; 
    } 
}

現在類.print-hide添加到導航欄和其他任何你想打印的頁面時，隱藏！

來源

2014-02-20 15:57:29 binaryatrocity

我看到了這個解決方案，它不適合我。 – user2674835

打印時導航欄沒有隱藏？ – binaryatrocity

我看不出，可打印的內容不是在網頁上看到的，就像它試圖打印代碼行，並且網址的 – user2674835

打印與引導加擾

回答

相關問題