2

Fiz um sistema de relatório que é exibido para fazer impressão em folha A4. Coloquei algumas bordas nele para fazer a impressão. O problema é que na hora da impressão, ele imprime tudo preto. O problema é o bootstrap, pois quando tiro ele tudo fica certinho.

Form

Obs: As bordas no código abaixo estão #000 (preto) mas qualquer cor que eu coloco não funciona

<div class="container" id="all-recibo" style="font-size:12pt;border:2px solid #000;border-radius:10px;margin-top:10px;padding-top:10px;">

    <div class="row" style="border-bottom:2px solid #000;margin-bottom:10px;">
        <div class="col-md-4" id="logo_recibo">
            <img src="<?php echo base_url('assets/images/content/'.$empresa->logo);?>" class="img-responsive">
        </div>

        <div class="col-md-8 text-center">
            <h3 style="color:#BB6B5A">Telefone: <?php echo $empresa->telefone;?></h3>
            <h4 style="color:#BB6B5A">Email: <?php echo $empresa->email;?></h4>
            <h4><?php echo $empresa->site;?></h4>
        </div>

    </div>

    <div class="row">
        <div class="col-md-3">&nbsp;</div>
        <div class="col-md-5 text-center"><h1>Recibo</h1></div>
        <div class="col-md-3" style="border:2px solid #000;border-radius:10px;"><h3><strong>R$ <?php echo $recibo->valor;?></strong></h3></div>
        <div class="col-md-1">&nbsp;</div>
    </div>

    <div class="row">
        <div class="col-md-11">Recebi do Sr. (a) <u><?php echo $recibo->cliente;?><?php echo str_repeat("&nbsp; ", (313 - strlen($recibo->cliente)));?></u></div>
    </div>

    <br>
    <div class="row">
        <div class="col-md-11">A importância de <u><?php echo $recibo->extenso;?><?php echo str_repeat("&nbsp; ", (317 - strlen($recibo->extenso)));?></u></div>
    </div>

    <br>
    <div class="row">
        <div class="col-md-11">Referente à <u><?php echo $recibo->servico;?><?php echo str_repeat("&nbsp; ", (321 - strlen($recibo->servico)));?></u></div>
    </div>

    <br><br>

    <div class="row">
        <div class="col-md-6">&nbsp;</div>
        <div class="col-md-3" id="data_recibo">Sorocaba, <u><?php echo date('d/m/Y');?></u></div>

        <div class="col-md-6">

            <div class="text-center">
            ____________________________________________
            <br>
            ASSINATURA
            </div>
        </div>

        <div class="col-md-3" id="condicoes_recibo">
            <p>Só aceitamos reclamações dentro de 48 horas</p>
        </div>

    </div>
</div>

1 Resposta 1

2

Faça o uso de classes com media query para sobre escrever o estilo do bootstrap

Exemplo: Código CSS para tratar estilos de impressão, adicione ele entre as tags <head></head>

<style type="text/css">
    @media print { 
        /* aqui fica todo o seu estilo para impressão */
        .borda { border:2px solid #000 !important; } 
    }
</style>

Agora onde vc deseja imprimir as bordas coloque a class borda que ele vai sobre escrever o bootstrap.

Exemplo:

<div class="col-md-3 borda" style="border-radius:10px;"><h3
<strong>R$ <?php echo $recibo->valor;?></strong></h3></div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .