Bootstrap grid for printing

Question

I would like to design a report page with a different layout for printing to mobile. I am using bootstrap v3. It seems the grid can\'t differentiate between the two as the b

Answer 1

The following works great to create grid elements specific for print media. Using Bootstrap 3.

@media print {
    .make-grid(print);
}

Then you can use all the grid col elements with the print keyword. Ex: col-print-6 col-print-offset-2, etc.