如何更改打印与屏幕的列宽

Question

我正在使用Twitter Bootstrap 3.0.2

我创建了一个双列布局（垂直侧边栏菜单和主要内容区域）。

垂直侧边栏使用.col-sm-3 hidden-print的css类，主要内容为.col-sm-9

打印页面时，我希望主要内容区域的课程更改为.col-sm-12（仅适用于打印媒体）。

这可能吗？

Answer 1

是的。
将课程 col-print-12 添加到 col-sm-9 课程。
然后将其添加到您的CSS：

@media print {
    .col-print-12 { width: 100% }
}