Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Responsivo React + Bootstrap

por Denis Ivan Correia
| 55.6k xp | 92 posts
Programador Front-end

Bom dia, Estou fazendo um site como exercício e queria deixar ele responsivo, porem tenho algumas duvidas, pelo que entendi da documentacão do Bootstrap para deixar responsivo a sintaxe ficaria assim:

<form className="col-lg-4 col-sm-12 col-md-6">
</form>

Usando as col-lg sm e md para ajustar o tamanho para cada dispositivo, porem eu gostaria de saber, se eu quisesse tirar um Button que tem na versão desktop mas na Mobile não faz sentido ter, como que eu retiraria esse button ? é possível fazer isso ?

4 respostas
por Jeferson Natanael
| 192.9k xp | 98 posts
Analista de Sistema

Você pode utilizar a class "hidden-md-down" ele só mostrar quando for a versão desktop.

por Jeferson Natanael
| 192.9k xp | 98 posts
Analista de Sistema

para mais informações acesse o link: https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

espero ter ajudado :).

por Denis Ivan Correia
| 55.6k xp | 92 posts
Programador Front-end

Bom dia, obrigado pela atenção, porem não estou conseguindo colocar esse parâmetro, tentei dessas maneiras

No próprio componente tentei sem o ( . ) tambem:

<form className=".hidden-xl-down">
</form>

No CSS tentei sem o ( . ) tambem:

//form.js
<form className="teste">
</form>
//form.css
.teste{
hidden-xl-down
}
solução!
por Denis Ivan Correia
| 55.6k xp | 92 posts
Programador Front-end

Opa, descobri porque não tava dando, com o BS4 a sintaxe é assim:

https://getbootstrap.com/docs/4.0/utilities/display/