HTML5 Boilerplate + Twitter Bootstrap：打印样式问题答案

【问题标题】：HTML5 Boilerplate + Twitter Bootstrap: print style issueHTML5 Boilerplate + Twitter Bootstrap：打印样式问题
【发布时间】：2012-03-08 00:25:23
【问题描述】：

我在这里做了一个 HTML5 Boilerplate + Twitter Bootstrap 集成，只是调用了 bootstrap.css 和 HTML5BP style.css（按此顺序）。

到目前为止，一切都很好，但我在这里有一个问题：在样板样式表中，在打印部分，我放在那里的规则无效......例如：

@media print {
    aside { display:none; }
}

当我预览打印时，黎明aside 仍然在那里...我不确定这是 HTML5BP+TB 组合问题还是仅与 HTML5BP 有关；无论如何，我会感谢一些帮助！

问候！

【问题讨论】：

试试@media print {放在一边{ display:none!important; } }

标签： css html5boilerplate

【解决方案1】：

显然，如果您在页面加载时使用 less.js 编译 css，则您放入 .less 文件中的打印样式表将被忽略。尝试使用 recess 或 lessc 编译您的文件。

【讨论】：

那行得通吗@TárcioZemel？我使用的是浏览器内编译，而 less.js 不适用于打印样式。然而，Recess 或 lessc 似乎处理得当。