Bootstrap 4 Rails 6/Bootstrap 4类不'；我不在印刷媒体工作

我正在通过我的应用程序中的Webpacker管理Bootstrap4，并使用名称空间的Bootstrap4，因为大多数应用程序仍在v3中

我有一个文件

app/javascripts/stylesheets/bs4 namespace.scss

，如下所示：

.bs4 {
  @import "node_modules/bootstrap/scss/bootstrap-grid.scss";
}
.bs4-full {
  @import "node_modules/bootstrap/scss/bootstrap.scss";
}

然后在我的

layouts/application.html.erb

中，我有：

  <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
  <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
  <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

这对屏幕媒体和v4类正确渲染是有效的。但是，当我打印它时，引导选择器不再有效

---

是什么原因导致在打印介质中禁用引导功能？

我能够找到答案

<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

---

主要问题是没有声明媒体类型。因为它不是介质，所以默认仅为“屏幕”。因此，任何从Webpacker导入的CSS将只应用于屏幕，而不应用于可以包括打印的媒体链接。更多关于媒体标签的信息。

我能够理解这一点

<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

---

主要问题是没有声明媒体类型。因为它不是介质，所以默认仅为“屏幕”。因此，任何从Webpacker导入的CSS将只应用于屏幕，而不应用于可以包括打印的媒体链接。有关媒体标签的更多信息。

您能提供一个可用的JSFIDLE吗？对输出的.bs4类感到好奇。此外，印刷媒体的BS4网格仅适用于xs屏幕：您能提供一个工作的JSFIDLE吗？对输出的.bs4类感到好奇。此外，BS4打印介质网格仅适用于xs屏幕：