Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Architect_Programmer_Code Kmetijska mreža»Arhitekt › Oblikovanje sprednjega dela in splet › Sprednji okvir › Kako prikazati in skriti elemente z uporabo Bootstrap4
Pogled: 12583|Odgovoriti: 0

[Bootstrap] Kako prikazati in skriti elemente z uporabo Bootstrap4

[Kopiraj povezavo]
Objavljeno na 4. 04. 2019 10:46:25 | | | |
Kako prikazati in skriti elemente z uporabo Bootstrap4

Za hitrejši razvoj mobilnih naprav uporabite odzivne prikazovalne razrede za prikaz in skrivanje elementov po napravah. Izogibajte se ustvarjanju popolnoma različnih različic iste strani, vendar ustrezno skrijte elemente za vsako velikost zaslona.

Za skrivanje elementov preprosto uporabite.d-nonerazred ali ena izmed njih.d-{sm,md,lg,xl}-nonerazred za kakršnekoli odzivne spremembe na zaslonu.

Za prikaz elementov le v določenem intervalu velikosti zaslona ga lahko nastavite.d-*-noneRazred in ena.d-*-*razredi so na primer združeni skupaj,.d-none .d-md-block .d-xl-noneElementi vseh velikosti zaslonov bodo skriti, razen za srednje in velike naprave.

Ometi:



Pokaži/skrij za prelomno točko in dol:

  • hidden-xs-down (hidden-xs) = d-nič d-sm-blok
  • hidden-sm-down (hidden-sm hidden-xs) = d-none d-md-block
  • hidden-md-down (hidden-md hidden-sm hidden-xs) = d-none d-lg-block
  • hidden-lg-down = d-none d-xl-block
  • hidden-xl-down (n/a 3.x) = d-none (enako kot hidden)


Pokaži/skrij za prelomno točko in višje:

  • hidden-xs-up = d-none (enako kot hidden)
  • hidden-sm-up = d-sm-none
  • hidden-md-up = d-md-none
  • hidden-lg-up = d-lg-none
  • hidden-xl-up (n/a 3.x) = d-xl-none


Pokaži/skrij le za eno prelomno točko:

  • hidden-xs (samo) = d-none d-sm-block (enako kot hidden-xs-down)
  • hidden-sm (samo) = d-blok d-sm-none d-md-blok
  • hidden-md (samo) = d-blok d-md-none d-lg-blok
  • hidden-lg (samo) = d-blok d-lg-none d-xl-blok
  • hidden-xl (n/a 3.x) = d-block d-xl-none
  • visible-xs (samo) = d-blok d-sm-none
  • visible-sm (samo) = d-none d-sm-blok d-md-none
  • visible-md (samo) = d-none d-md-block d-lg-none
  • visible-lg (samo) = d-none d-lg-block d-xl-none
  • visible-xl (n/a 3.x) = d-none d-xl-block


Vizualizacija:



Referenčne povezave:https://getbootstrap.com/docs/4.0/utilities/display/





Prejšnji:Katere lastnosti naj ima programski arhitekt?
Naslednji:Ni mogoče vbrizgati @Autowired v Listener

Sorodne objave
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.
Mail To:help@itsvse.com