twitter-bootstrap - 如何打印 Bootstrap 轮播中的所有项目

Question

我是 Bootstrap(仍然是 2.x)的新手，正在寻找一种在打印时在轮播中显示所有项目的方法。

我没有找到任何指示，所以这是我开始时所做的:

• bootstrap.css 这样隐藏轮播项目:

  .carousel-inner > .item { 显示:无....

• 当我要打印时，动态修改要显示的项目的 .css。这会将它们全部堆叠起来。

  $('.item').css("显示", " block ");

• 对于我的应用程序，我想要一个多页文档，每个轮播项目一页。我还在我的@media print { } 部分添加了一个强制分页符:

  .item {page-break-after:always;}

希望这会节省一些时间。如果有更好的方法欢迎补充!

谢谢!我数不清有多少次 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="...">