无法使bootstrap 3在打印时看起来很好

时间:2013-10-18 19:07:47

标签: css printing twitter-bootstrap-3 print-css

我需要使用bootstrap 3进行打印,但是我不能让它看起来很好,任何想法如何修复它?

应该如何

enter image description here

目前看起来像这样

enter image description here

这是我的代码

    <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>

2 个答案:

答案 0 :(得分:0)

您需要显示这些条形码的标记,以便我们实际尝试修复它,但需要编辑打印介质查询样式:

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

答案 1 :(得分:0)

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

    }