css - 不能让 bootstrap 3 在打印中看起来不错

Question

我需要用 bootstrap 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

您需要为这些barcodez 显示您的标记，以便我们实际尝试修复它，但这需要编辑打印媒体查询样式：

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

Answer 2

 @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;
    }

    }