Novas classes visíveis adicionadas ao Bootstrap
Aparelhos pequenos
demais Telefones (<768px)(Class names : .visible-xs-block, hidden-xs)
Tablets para dispositivos pequenos (≥768px)(Class names : .visible-sm-block, hidden-sm)
Dispositivos médios
Desktops (≥992px)(Class names : .visible-md-block, hidden-md)
Dispositivos grandes
Desktops (≥ 1200px)(Class names : .visible-lg-block, hidden-lg)
Abaixo está obsoleto a partir da v3.2.0
Aparelhos pequenos demais Telefones (<768px) (Class names : .visible-xs, hidden-xs)
Tablets para dispositivos pequenos (≥768px) (Class names : .visible-sm, hidden-sm)
Dispositivos médios Desktops (≥992px) (Class names : .visible-md, hidden-md)
Dispositivos grandes Desktops (≥ 1200px) (Class names : .visible-lg, hidden-lg)
Bootstrap muito mais antigo
.hidden-phone, .hidden-tablet
etc. não são suportados / obsoletos.
ATUALIZAR:
No Bootstrap 4, existem 2 tipos de classes:
- O
hidden-*-up
que oculta o elemento quando a janela de exibição está no ponto de interrupção especificado ou mais amplo.
hidden-*-down
que ocultam o elemento quando a viewport está no ponto de interrupção especificado ou menor.
Além disso, a nova xl
janela de visualização é adicionada para dispositivos com mais de 1200 pixels de largura. Para mais informações, clique aqui .
.hidden-phone
e.hidden-tablet
está obsoleta ** - são ** não suportado . Descontinuar tende a significar "foi substituído por outras abordagens, embora ainda haja suporte para a eliminação gradual em breve" . Este parece ser o caso do Bootstrap 3.2.0 -.visible-xs
e similares ainda funcionam por enquanto, enquanto os.hidden-phone
amigos estão completamente ausentes da funcionalidade do Bootstrap.