Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Cum să afișezi și să ascunzi elemente folosind Bootstrap4
Vedere: 12583|Răspunde: 0

[Bootstrap] Cum să afișezi și să ascunzi elemente folosind Bootstrap4

[Copiază linkul]
Postat pe 04.04.2019 10:46:25 | | | |
Cum să afișezi și să ascunzi elemente folosind Bootstrap4

Pentru o dezvoltare mai rapidă a dispozitivelor mobile, folosește clase de afișare responsive pentru a afișa și ascunde elementele pe dispozitiv. Evită să creezi versiuni complet diferite ale aceluiași site, dar ascunde elementele pentru fiecare dimensiune de ecran în consecință.

Pentru a ascunde elementele, folosește pur și simplu.d-noneClasă sau una dintre ele.d-{sm,md,lg,xl}-niciunpentru a face orice modificări responsive pe ecran.

Pentru a afișa elemente doar într-un anumit interval de dimensiune a ecranului, poți seta unul.d-*-noneClasă și unu.d-*-*Clasele sunt grupate, de exemplu,.d-none .d-md-block .d-xl-niciunElemente de toate dimensiunile ecranului vor fi ascunse, cu excepția dispozitivelor medii și mari.

Randari:



Arată/ascunde pentru breakpoint și down:

  • Hidden-xs-down (hidden-xs) = d-niciun bloc d-SM
  • Hidden-SM-Down (Hidden-SM Hidden-Xs) = d-niciun D-md-block
  • hidden-md-down (hidden-md hidden-sm hidden-xs) = d-niciun d-lg-block
  • Hidden-lg-down = d-niciun bloc d-xl
  • Hidden-XL-Down (N/A 3.x) = D-None (la fel ca Hidden)


Afișează/ascunde pentru breakpoint și mai sus:

  • Hidden-Xs-Up = D-None (la fel ca Hidden)
  • Hidden-sm-up = d-sm-niciun
  • Hidden-md-up = d-md-niciunul
  • Hidden-lg-up = d-lg-niciun
  • Hidden-XL-Up (N/A 3.x) = D-XL-Niciun


Arată/ascunde doar pentru un singur punct de întrerupere:

  • Hidden-xs (doar) = d-niciun bloc d-sm (la fel ca hidden-xs-down)
  • Hidden-SM (doar) = Blocul D D-SM-Niciun Bloc Md
  • hidden-md (doar) = d-block d-md-none d-lg-block
  • Hidden-LG (doar) = Blocul D D-LG-Niciun Bloc XL
  • Hidden-XL (N/A 3.x) = D-block D-XL-Niciun
  • Visible-xs (doar) = Blocul D D-SM-Niciunul
  • vizibil-SM (doar) = d-niciun d-sm-bloc d-md-niciun
  • vizibil-md (doar) = d-niciun d-md-block d-lg-niciun
  • vizibil-LG (doar) = d-niciun d-lg-bloc d-xl-niciun
  • vizibil-xl (n/a 3.x) = d-niciun d-xl-block


Vizualizare:



Linkuri de referință:https://getbootstrap.com/docs/4.0/utilities/display/





Precedent:Ce calități ar trebui să aibă un arhitect software?
Următor:Imposibil de injectat @Autowired în Listener

Postări conexe
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com