如何打印Bootstrap旋轉木馬中的所有項目

Question

我是Bootstrap（2.x still）的新手，正在尋找一種方法在打印時顯示旋轉木馬中的所有項目。

我沒有發現任何指針，所以這是我做了什麼上手：

• bootstrap.css隱藏旋轉木馬項目正是如此：

  .carousel-內> .item { 顯示：無....

• 當我想打印，動態修改的條款顯示的的CSS。這將它們堆疊起來。 （'。item'）。css（「display」，「block」）;

• 對於我的應用程序，我想要一個多頁文檔，每個旋轉木馬項目一頁。我還添加了強制分頁到我的@media打印{}部分：

  .item { 分頁 - 後：始終;}

希望這會節約一些時間。如果有更好的方法，請添加！

謝謝！我無法計算stackoverflow爲我節省大量時間的次數。 詹姆斯

Answer 1

我用這個CSS

@media print { 
.carousel-indicators{display: none;} 
.item{display:block;} 
.item { page-break-after:always;} 
}; 

不要忘記指定圖像的高度！

<img src="img.png" height="400" alt="...">