Html 引导打印视图

我正在尝试打印一张用HTML和引导CSS构建的发票。但是，当我尝试打印内容时，内容不是全宽的。我已将媒体从屏幕更改为全部

CSS

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-width:0 0px 0px 0 !important;
  }

HTML

<link rel="stylesheet" href="views/css/bootstrap.css" media="all">

<button class="btn btn-default" onclick="printContent('class or ID of your content')">Print Content</button>

---

我已经在我的一个应用程序中使用过，希望对您有所帮助。。 尝试按如下方式打印内容

HTML

<link rel="stylesheet" href="views/css/bootstrap.css" media="all">

<button class="btn btn-default" onclick="printContent('class or ID of your content')">Print Content</button>

---

大多数浏览器的打印都很棘手——问题在于，根据浏览器、默认纸张大小和方向（纵向或横向）以及悉尼当前的潮流，页面将以72ppi、96ppi或144ppi打印

在引导中，媒体查询建立像素宽度带。。。e、 g.“xs”介于544px-767px之间，因此根据（打印的）页面宽度，您的站点在打印时可能会恢复为“xs”或“sm”宽度变体

一种解决方案是创建一个

@media print{}

媒体查询，该查询覆盖类，如

.container

和所有

.col-*

类。（是的……很多工作！）

---

还有一些插件CSS'。。。就像我的朋友一样，他试图解释其中的一些原因。（请原谅自我推销，但是C&P在回答中的代码太多了。）

放一些标记来帮助你