css - 印刷物でブートストラップ 3 の見栄えを良くすることはできません

Question

ブートストラップ 3 で印刷する必要がありますが、見栄えを良くすることはできません。修正方法はありますか?

これがどうあるべきか

現在、このように見えます

これは私のコードです

    <div class="row page-header">
        <div class="col-xs-12">
            <div class="col-md-2"><img alt="'.$row['codigo'].'" src="barcode.php?codetype=Code39&size=40&text='.$row['codigo'].'" />'.'<div class="small">&nbsp;&nbsp;&nbsp;'.$row["nombre"].'</div></div>
        </div>
    </div>

Answer 1

 @media print {
        .wrapper{
        overflow:hidden; /*make sure the wrapper has no dimension*/

        margin-bottom:5px;
    }

    .item{
        float:left; 
        width:auto;
        height:auto;
        background:none;
        margin:5px;
        text-align:center;
    }

    }

Answer 2

私たちが実際に試して修正するには、これらのバーコードのマークアップを表示する必要がありますが、印刷メディア クエリ スタイルを編集する必要があります。

@media print {
  /* style sheet for print goes here */
}