Fixes #11786: Nest media queries within print utilities for mixin-friendliness

dist/css/bootstrap.css

@@ -7300,6 +7300,9 @@ td.visible-print {
   td.visible-print {
     display: table-cell !important;
   }
+}
+
+@media print {
   .hidden-print,
   tr.hidden-print,
   th.hidden-print,

less/responsive-utilities.less

@@ -194,16 +194,21 @@
   }
 }
 
+
 // Print utilities
+//
+// Media queries are placed on the inside to be mixin-friendly.
+
 .visible-print {
   .responsive-invisibility();
-}
 
-@media print {
-  .visible-print {
+  @media print {
     .responsive-visibility();
   }
-  .hidden-print {
+}
+
+.hidden-print {
+  @media print {
     .responsive-invisibility();
   }
 }