Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Architect_Programmer_Code žemės ūkio tinklas»Architektas › Front-end dizainas ir žiniatinklis › Priekinis rėmas › Kaip rodyti ir paslėpti elementus naudojant Bootstrap4
Rodinys: 12583|Atsakyti: 0

[Bootstrap] Kaip rodyti ir paslėpti elementus naudojant Bootstrap4

[Kopijuoti nuorodą]
Paskelbta 2019-04-04 10:46:25 | | | |
Kaip rodyti ir paslėpti elementus naudojant Bootstrap4

Norėdami greičiau kurti mobiliuosius įrenginius, naudokite interaktyvias ekrano klases, kad rodytumėte ir slėptumėte elementus pagal įrenginį. Venkite kurti visiškai skirtingas tos pačios svetainės versijas, bet atitinkamai paslėpkite kiekvieno ekrano dydžio elementus.

Norėdami paslėpti elementus, tiesiog naudokite.d-nėraklasė arba vienas iš jų.d-{sm,md,lg,xl}-noneatlikti bet kokius reaguojančius ekrano pakeitimus.

Jei norite rodyti elementus tik tam tikru ekrano dydžio intervalu, galite nustatyti vieną.d-*-nėraKlasė ir viena.d-*-*klasės yra sugrupuotos, pavyzdžiui,.d-none .d-md-blokas .d-xl-noneVisų dydžių ekrano elementai bus paslėpti, išskyrus vidutinius ir didelius įrenginius.

Tinkas:



Rodyti / slėpti lūžio tašką ir žemyn:

  • paslėptas-xs-žemyn (paslėptas-xs) = d-nėra d-sm-blokas
  • paslėptas-sm-žemyn (paslėptas-sm paslėptas-xs) = d-nėra d-md-blokas
  • paslėptas-md-žemyn (paslėptas-md paslėptas-sm paslėptas-xs) = d-nėra d-lg-blokas
  • paslėptas-lg-žemyn = d-none d-xl-blokas
  • paslėptas-xl-žemyn (n/a 3.x) = d-nėra (tas pats, kas paslėptas)


Rodyti / slėpti lūžio tašką ir aukštyn:

  • paslėptas-xs-up = d-nėra (tas pats, kas paslėptas)
  • paslėptas-sm-up = d-sm-nėra
  • paslėptas-md-up = d-md-nėra
  • paslėptas-lg-up = d-lg-none
  • paslėptas-xl-up (n/a 3.x) = d-xl-none


Rodyti / slėpti tik vieną stabdymo tašką:

  • Hidden-xs (tik) = d-none d-sm-block (tas pats kaip hidden-xs-down)
  • Hidden-SM (tik) = D-blokas D-SM-NONE D-MD-blokas
  • Hidden-MD (tik) = D-blokas D-MD-NONE D-LG-blokas
  • paslėptas-lg (tik) = d-blokas d-lg-none d-xl-blokas
  • Hidden-XL (N/A 3.x) = D-blokas D-XL-NONE
  • matomas-xs (tik) = d-blokas d-sm-none
  • matomas-sm (tik) = d-nėra d-sm-blokas d-md-none
  • matomas-md (tik) = d-nėra d-md-blokas d-lg-nėra
  • matomas-lg (tik) = d-nėra d-lg-blokas d-xl-nėra
  • matomas-xl (n/a 3.x) = d-none d-xl-blokas


Vizualizacija:



Nuorodos nuorodos:https://getbootstrap.com/docs/4.0/utilities/display/





Ankstesnis:Kokias savybes turėtų turėti programinės įrangos architektas?
Kitą:Neįmanoma įterpti @Autowired į klausytuvą

Susijusios žinutės
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.
Mail To:help@itsvse.com