Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Comment montrer et cacher des éléments avec Bootstrap4
Vue: 12583|Répondre: 0

[Bootstrap] Comment montrer et cacher des éléments avec Bootstrap4

[Copié le lien]
Publié sur 04/04/2019 10:46:25 | | | |
Comment montrer et cacher des éléments avec Bootstrap4

Pour un développement plus rapide des appareils mobiles, utilisez des classes d’affichage réactives pour afficher et masquer les éléments par appareil. Évitez de créer des versions complètement différentes du même site, mais masquez les éléments pour chaque taille d’écran en conséquence.

Pour masquer les éléments, il suffit d’utiliser.d-noneClasse ou l’un d’eux.d-{sm,md,lg,xl}-aucunpour effectuer tout changement d’écran réactif.

Pour afficher les éléments uniquement sur un intervalle de taille d’écran donné, vous pouvez en définir un.d-*-aucunClasse et un.d-*-*Les classes sont regroupées, par exemple,.d-non .d-md-block .d-xl-aucunDes éléments de toutes tailles d’écran seront cachés, sauf pour les appareils moyens et grands.

Rendus:



Montrer/cacher pour le point de rupture et le bas :

  • Hidden-xs-down (hidden-xs) = d-aucun d-sm-block
  • Hidden-SM-Down (Hidden-SM-Hidden-Xs) = d-None D-Md-Block
  • Hidden-MD-Down (Hidden-MD Hidden-SM Hidden-Xs) = d-aucun d-lg-block
  • Hidden-LG-Down = d-non-d-xl-bloc
  • Hidden-XL-Down (n/A 3.x) = D-None (identique à Hidden)


Montrer/cacher pour le point de rupture et plus :

  • Hidden-Xs-Up = D-None (Identique à Hidden)
  • Hidden-sm-up = d-sm-aucun
  • Hidden-md-up = d-md-aucun
  • Hidden-LG-up = d-lg-aucun
  • Hidden-XL-Up (N/D 3.x) = D-XL-Aucun


Montre/cacher uniquement pour un seul point d’arrêt :

  • Hidden-xs (seulement) = d-aucun bloc d-sm-(identique à hidden-xs-down)
  • Hidden-SM (uniquement) = Bloc D D-SM-Aucun Bloc MD
  • Hidden-MD (seulement) = D-bloc d-MD-Aucun D-LG-Bloc
  • Hidden-LG (seulement) = Bloc D D-LG-Aucun Bloc XL
  • Hidden-XL (N/D 3.x) = D-bloc D-XL-Aucun
  • visible-xs (seulement) = bloc d-sm-aucun
  • visible-SM (uniquement) = d-aucun bloc d-sm d-md-aucun
  • visible-md (uniquement) = d-non d-md-block d-lg-non
  • visible-LG (uniquement) = d-non d-lg-bloc d-xl-aucun
  • visible-xl (n/a 3.x) = d-aucun d-bloc xl


Visualisation :



Liens de référence :https://getbootstrap.com/docs/4.0/utilities/display/





Précédent:Quelles qualités un architecte logiciel devrait-il posséder ?
Prochain:Impossible d’injecter @Autowired dans Listener

Articles connexes
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com