Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

manolegal

Problema Impressão Bootstrap

Recommended Posts

Bom dia Amigos

Estou com dificuldades no momento de imprimir uma página no Bootstrap.

Na tela os dados aparecem alinhados, porém quando da impressão, o título sai em uma linha e o valor/dado/variável sai na linha abaixo.

 

Partes dos código:

// CSS utilizado para mostrar dados (alinhamento texto)
    .visualiza_dados_formata_titulo{
        font-size: 14pt;
        text-align: right;
    }
    .visualiza_dados_formata_dados{
        font-size: 14pt;
        text-align: left;
        font-weight: bold;
        color: #0000FF;
    }


                <div class="row">
                    <div class="col-md-2 col-md-offset-1 visualiza_dados_formata_titulo">CPF</div>
                    <div class="col-md-7 visualiza_dados_formata_dados"><?php echo "$cpf"; ?></div>                    
                </div><!--/<div class="row">--> 

                <div class="row">
                    <div class="col-md-2 col-md-offset-1 visualiza_dados_formata_titulo">Situação</div>
                    <div class="col-md-7 visualiza_dados_formata_dados"><?php echo "$situacao"; ?></div>                    
                </div><!--/<div class="row">-->

Tentei também da seguinte forma, sendo que aí imprime na mesma linha, porém não mantém o mesmo alinhamento para as linhas:

                <div class="row">
                    <div class="col-md-2 col-md-offset-1 col-xs-6 visualiza_dados_formata_titulo">Nome</div>
                    <div class="col-md-7 col-xs-6 visualiza_dados_formata_dados"><?php echo "$pessoa_nome"; ?></div>                    
                </div><!--/<div class="row">-->
 
                <div class="row">
                    <div class="col-md-2 col-md-offset-1 col-xs-6 visualiza_dados_formata_titulo">Data Nascimento</div>
                    <div class="col-md-7 col-xs-6 visualiza_dados_formata_dados"><?php echo "$data_nascimento_formato"; ?></div>                    
                </div><!--/<div class="row">--> 

No aguardo. Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.