He estado buscando muchas respuestas aquí en stackoverflow que cubren a fondo lo que me pregunto, pero no he encontrado nada que funcionara para mí.

Entiendo que la página de impresión es de aproximadamente 550 px para A4 y, por lo tanto, bootstrap utilizará los estilos y el diseño que se utilizan normalmente para dispositivos móviles.

Cuando uso Ctrl + P para mi página web, la página imprimible se parece a la versión móvil de mi página. Pero, ¿cómo puedo hacer que se vea como la versión de escritorio? (media> 1024 px) ¿Hay alguna manera de hacer esto?

Sé que puedo cambiar el css específicamente para imprimir. Pero, ¿cómo resolver esto con el sistema de rejilla bootstrap 3? El ancho de mis divs se basa en lo que he agregado para col-xs, pero quiero que la impresión use el diseño (ancho) para col-md

Editar: Después de haber estado luchando contra esto durante algunas horas más, me doy cuenta de que podría ser más complejo de lo que esperaba. Solo cambiando el ancho no me resuelve. Muchos de mis divs tienen la sintaxis de

<div class="md-right sm-right xs-down col-md-1 col-sm-2 box"></div>

o

<div class="col-md-4 col-sm-6 col-xs-12"></div>

La página se ve bien en XS para dispositivos pequeños, pero la impresión en XS hace que muchos elementos se vean gigantescos. Así que la pregunta sigue siendo. ¿Hay alguna manera de hacer que la página de impresión tenga el mismo aspecto que el diseño para dispositivos medianos o grandes? ¿O tengo que hacer el css de impresión sin usar el sistema de cuadrícula bootstrap y agregar anchos estáticos en pt para que todos los elementos logren esto?

Gracias por adelantado