0

Fiz uma aplicação Web responsiva, que quando chega no Checkout tem dois botões: Imprimir e Salvar.

Só que o usuário (cliente) no smartphone clica em imprimir, mesmo não tendo impressora.

Já tentei estender com o @media, mas não estou conseguindo.

Como posso esconder o botão "Imprimir" e deixar somente o botão "Salvar" quando o usuário estiver no Smatphone ou Tablet?

2

1 Resposta 1

2

Se você está usando bootstrap4, você pode usar a classe d-none (significa display none)

Como esse conjunto de classes aceitam prefixos, você pode adicionar a classe d-sm-block para mudar para display block quando a tela for small ou superior.

No fim, ficaria assim:

<button class='d-none d-sm-block'>Imprimir</button>

Quando a tela for small, medium, large Ou extra large, voce vai ter um display block, normal. Quando a tela for inferior a small, tipo extra small (Ou smartphone) o display vai ser none.

Espero ter ajudado.

1
  • Obrigado pessoal pela ajuda. A solução do @Andrew Ribeiro funcionou perfeitamente no Bootstrap 4. Obrigado Andrew.
    – Ramos
    8/07/2018 às 20:57

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 .