【问题标题】:can't make bootstrap 3 look good in print不能让 bootstrap 3 在打印中看起来不错
【发布时间】:2013-10-18 19:07:46
【问题描述】:

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

【问题讨论】:

  • 这是同一张图片。
  • 是的,我没有看到任何差异。你能详细说明一下吗?
  • 我的错误,现在修正了

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


【解决方案1】:

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

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

【讨论】:

  • ergo,你需要发布你的相关css。
【解决方案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;
    }

    }

【讨论】:

    猜你喜欢
    • 2014-01-22
    • 1970-01-01
    • 1970-01-01
    • 2015-07-10
    • 1970-01-01
    • 2013-05-08
    • 1970-01-01
    • 1970-01-01
    • 2012-07-21
    相关资源
    最近更新 更多