Nouvelles classes visibles ajoutées à Bootstrap
Téléphones extra petits appareils (<768px)(Class names : .visible-xs-block, hidden-xs)
Petits appareils
Tablettes (≥768px)(Class names : .visible-sm-block, hidden-sm)
Ordinateurs de bureau pour appareils moyens (≥992 pixels)(Class names : .visible-md-block, hidden-md)
Ordinateurs de bureau pour gros appareils (≥1200px)(Class names : .visible-lg-block, hidden-lg)
Ci-dessous est déconseillé à partir de la v3.2.0
Téléphones extra petits appareils (<768px) (Class names : .visible-xs, hidden-xs)
Petits appareils Tablettes (≥768px) (Class names : .visible-sm, hidden-sm)
Ordinateurs de bureau pour appareils moyens (≥992 pixels) (Class names : .visible-md, hidden-md)
Ordinateurs de bureau pour gros appareils (≥1200px) (Class names : .visible-lg, hidden-lg)
Bootstrap beaucoup plus ancien
.hidden-phone, .hidden-tablet
etc. ne sont pas pris en charge / obsolètes.
METTRE À JOUR:
Dans Bootstrap 4, il existe 2 types de classes:
- Les éléments
hidden-*-up
qui masquent l'élément lorsque la fenêtre est au point d'arrêt donné ou plus large.
hidden-*-down
qui masquent l'élément lorsque la fenêtre est au point d'arrêt donné ou plus petit.
En outre, la nouvelle xl
fenêtre d'affichage est ajoutée pour les périphériques d'une largeur supérieure à 1 200 pixels. Pour plus d'informations, cliquez ici .
.hidden-phone
et.hidden-tablet
sont déconseille ** - ils sont ** non pris en charge . Obsolète a tendance à signifier "a été remplacé par d'autres approches, bien qu'il soit encore soutenu qu'il devrait être supprimé progressivement" . Cela semble être le cas avec Bootstrap 3.2.0 -.visible-xs
et similaires fonctionnent toujours pour l'instant, tandis que.hidden-phone
et les amis sont complètement absents de la fonctionnalité de Bootstrap.