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

Your switch styles like this

    
.col-xs-6 .col-md-4
    
.col-xs-6 .col-md-4
    
.col-xs-6 .col-md-4

See

#grid-example-mixed or #grid-example-mixed-complete

and may you need to clearfix

#grid-responsive-resets

Edit: 04/2019

Since Bootstrap 4.x there are new classes that can be used to set the display behavior when printing. SEE 4.3 Docs