Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Come mostrare e nascondere elementi usando Bootstrap4
Vista: 12583|Risposta: 0

[Bootstrap] Come mostrare e nascondere elementi usando Bootstrap4

[Copiato link]
Pubblicato su 04/04/2019 10:46:25 | | | |
Come mostrare e nascondere elementi usando Bootstrap4

Per uno sviluppo più rapido dei dispositivi mobili, utilizza classi di visualizzazione responsive per mostrare e nascondere gli elementi per dispositivo. Evita di creare versioni completamente diverse dello stesso sito, ma nascondi gli elementi per ogni dimensione dello schermo di conseguenza.

Per nascondere gli elementi, basta usare.d-nessunoo una di queste.d-{sm,md,lg,xl}-nessunoper effettuare eventuali modifiche reattive sullo schermo.

Per visualizzare gli elementi solo su un dato intervallo di dimensione dello schermo, puoi impostarne uno.d-*-nessunoClasse e uno.d-*-*Le classi sono raggruppate insieme, ad esempio,.d-none .d-md-block .d-xl-noneElementi di tutte le dimensioni dello schermo saranno nascosti, tranne che per dispositivi medi e grandi.

Rendering:



Mostra/nascondi per breakpoint e down:

  • Hidden-xs-down (hidden-xs) = d-nessuno d-sm-block
  • Hidden-SM-down (Hidden-SM-hidden-xs) = d-nessuno d-md-blocco
  • Hidden-MD-Down (Hidden-MD Hidden-SM Hidden-Xs) = d-nessuno d-lg-blocco
  • Hidden-LG-down = d-nessuno d-xl-blocco
  • Hidden-XL-Down (n/a 3.x) = D-None (come Nascosto)


Mostra/nascondi per breakpoint e superiori:

  • Hidden-xs-up = d-nessuno (uguale a nascosto)
  • Nascosto-SM-UP = d-SM-nessuno
  • Hidden-md-up = d-md-nessuno
  • Hidden-LG-up = d-lg-nessuno
  • Hidden-XL-Up (N/D 3.x) = D-XL-Nessuno


Mostra/nascondi solo per un singolo punto di rottura:

  • Hidden-xs (solo) = d-nessuno d-sm-block (uguale a hidden-xs-down)
  • Nascosto-SM (solo) = D-blocco D-SM-Nessuno D-MD-blocco
  • Nascosto-MD (solo) = D-blocco D-MD-Nessuno D-Blocco LG
  • Hidden-LG (solo) = blocco D d-lg-nessuno blocco XL
  • Hidden-XL (N/A 3.x) = D-blocco D-XL-Nessuno
  • Visible-xs (solo) = D-blocco D-SM-Nessuno
  • Visibile-SM (solo) = d-nessuno d-sm-blocco d-md-nessuno
  • Visible-MD (solo) = d-nessuno D-MD-blocco D-LG-Nessuno
  • Visible-LG (solo) = d-nessuno d-lg-blocco d-xl-nessuno
  • Visible-XL (N/A 3.x) = D-Nessuno D-XL-blocco


Visualizzazione:



Collegamenti di riferimento:https://getbootstrap.com/docs/4.0/utilities/display/





Precedente:Quali qualità dovrebbe avere un architetto software?
Prossimo:Impossibile iniettare @Autowired in Listener

Post correlati
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com