hidden-xs hiding div on print in Bootstrap

Question

In MVC project, we are using bootstrap.

There is need to hide div for xs devices and have to show at time of print and desktop.

Code is in below as:

<div class="hidden-xs">
    --Content--
</div>

But it is hiding div at time printing to window.

Answer 1

<div class="hidden-xs print-visible"> content </div> 
@media print{
  .print-visible{
       display: block !important;
   }
}

Add a additional user defined class to hidden-xs div(as above) and in your style sheet add the above rule. Hope it fixes your issue.