재정의 응답 성 부트 스트랩 3 @media print

Question

javascript:print() 이벤트에서 부트 스트랩의 반응 형 기능을 방지하기 위해 내 웹 페이지가 픽셀 크기에 관계없이 결정된 열 그리드 배열에 그대로 남아 있습니다.

나는 this answer에서와 같이 더 적은 다른 중단 점으로 재 컴파일하고 인쇄시 두 번째 CSS 파일을 제공 할 수 있습니다.

하지만 새 CSS 파일을 제공하고 싶지 않습니다.

나는이이

@media print and (min-width: 480px) { 
    .col-xs-12 { 
    float: none; 
    width: 100%; 
    } 
    ..... 
} 

Answer 1

같은 뭔가를 내가 부트 스트랩의 최고 해상도 @media 쿼리에서 바로 촬영 해낸있다 시도하고 당신이에서 제거 찾고있는 응답 기능은 무엇

@media print { 
    .col-md-1, 
    .col-md-2, 
    .col-md-3, 
    .col-md-4, 
    .col-md-5, 
    .col-md-6, 
    .col-md-7, 
    .col-md-8, 
    .col-md-9, 
    .col-md-10, 
    .col-md-11, 
    .col-md-12 { 
    float: left; 
    } 
    .col-md-12 { 
    width: 100%; 
    } 
    .col-md-11 { 
    width: 91.66666666666666%; 
    } 
    .col-md-10 { 
    width: 83.33333333333334%; 
    } 
    .col-md-9 { 
    width: 75%; 
    } 
    .col-md-8 { 
    width: 66.66666666666666%; 
    } 
    .col-md-7 { 
    width: 58.333333333333336%; 
    } 
    .col-md-6 { 
    width: 50%; 
    } 
    .col-md-5 { 
    width: 41.66666666666667%; 
    } 
    .col-md-4 { 
    width: 33.33333333333333%; 
    } 
    .col-md-3 { 
    width: 25%; 
    } 
    .col-md-2 { 
    width: 16.666666666666664%; 
    } 
    .col-md-1 { 
    width: 8.333333333333332%; 
    } 
    .col-md-pull-12 { 
    right: 100%; 
    } 
    .col-md-pull-11 { 
    right: 91.66666666666666%; 
    } 
    .col-md-pull-10 { 
    right: 83.33333333333334%; 
    } 
    .col-md-pull-9 { 
    right: 75%; 
    } 
    .col-md-pull-8 { 
    right: 66.66666666666666%; 
    } 
    .col-md-pull-7 { 
    right: 58.333333333333336%; 
    } 
    .col-md-pull-6 { 
    right: 50%; 
    } 
    .col-md-pull-5 { 
    right: 41.66666666666667%; 
    } 
    .col-md-pull-4 { 
    right: 33.33333333333333%; 
    } 
    .col-md-pull-3 { 
    right: 25%; 
    } 
    .col-md-pull-2 { 
    right: 16.666666666666664%; 
    } 
    .col-md-pull-1 { 
    right: 8.333333333333332%; 
    } 
    .col-md-pull-0 { 
    right: 0; 
    } 
    .col-md-push-12 { 
    left: 100%; 
    } 
    .col-md-push-11 { 
    left: 91.66666666666666%; 
    } 
    .col-md-push-10 { 
    left: 83.33333333333334%; 
    } 
    .col-md-push-9 { 
    left: 75%; 
    } 
    .col-md-push-8 { 
    left: 66.66666666666666%; 
    } 
    .col-md-push-7 { 
    left: 58.333333333333336%; 
    } 
    .col-md-push-6 { 
    left: 50%; 
    } 
    .col-md-push-5 { 
    left: 41.66666666666667%; 
    } 
    .col-md-push-4 { 
    left: 33.33333333333333%; 
    } 
    .col-md-push-3 { 
    left: 25%; 
    } 
    .col-md-push-2 { 
    left: 16.666666666666664%; 
    } 
    .col-md-push-1 { 
    left: 8.333333333333332%; 
    } 
    .col-md-push-0 { 
    left: 0; 
    } 
    .col-md-offset-12 { 
    margin-left: 100%; 
    } 
    .col-md-offset-11 { 
    margin-left: 91.66666666666666%; 
    } 
    .col-md-offset-10 { 
    margin-left: 83.33333333333334%; 
    } 
    .col-md-offset-9 { 
    margin-left: 75%; 
    } 
    .col-md-offset-8 { 
    margin-left: 66.66666666666666%; 
    } 
    .col-md-offset-7 { 
    margin-left: 58.333333333333336%; 
    } 
    .col-md-offset-6 { 
    margin-left: 50%; 
    } 
    .col-md-offset-5 { 
    margin-left: 41.66666666666667%; 
    } 
    .col-md-offset-4 { 
    margin-left: 33.33333333333333%; 
    } 
    .col-md-offset-3 { 
    margin-left: 25%; 
    } 
    .col-md-offset-2 { 
    margin-left: 16.666666666666664%; 
    } 
    .col-md-offset-1 { 
    margin-left: 8.333333333333332%; 
    } 
    .col-md-offset-0 { 
    margin-left: 0; 
    } 
}