See artikkel on masintõlke peegelartikkel, palun klõpsake siia, et hüpata algse artikli juurde.

Architect_Programmer_Code Põllumajandusvõrgustik»Arhitekt › Front-end disain ja veeb › Esiosa raam › Kuidas näidata ja peita elemente Bootstrap4 abil
Vaade: 12583|Vastuse: 0

[Bootstrap] Kuidas näidata ja peita elemente Bootstrap4 abil

[Kopeeri link]
Postitatud 04.04.2019 10:46:25 | | | |
Kuidas näidata ja peita elemente Bootstrap4 abil

Kiiremaks mobiilseadmete arenduseks kasuta responsiivseid ekraaniklasse, et näidata ja peita elemente seadme kaupa. Väldi sama saidi täiesti erinevate versioonide loomist, kuid peida iga ekraani suuruse elemendid vastavalt.

Elementide peitmiseks kasuta lihtsalt.d-noneklass või üks neist.d-{sm,md,lg,xl}-noneKlassis, et teha reageerivaid ekraani muudatusi.

Et kuvada elemente ainult kindlal ekraanisuuruse intervallil, saad määrata ühe.d-*-mitteKlass ja üks.d-*-*Klassid on rühmitatud, näiteks,.d-none .d-md-plokk .d-xl-noneKõikide ekraanisuuruste elemendid on peidetud, välja arvatud keskmise ja suure seadme puhul.

Krohvid:



Näita/peida murdepunkti ja allakäigu jaoks:

  • hidden-xs-down (hidden-xs) = d-none d-sm-blokk
  • 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 (sama mis peidetud)


Näita/peida murdepunkti ja ülespoole:

  • hidden-xs-up = d-none (sama mis peidetud)
  • 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


Näita/peida ainult ühe murdepunkti jaoks:

  • Hidden-xs (ainult) = d-none d-sm-block (sama mis hidden-xs-down)
  • hidden-sm (ainult) = d-plokk d-sm-none d-md-block
  • Hidden-MD (ainult) = d-plokk d-md-none d-lg-blokk
  • hidden-lg (ainult) = d-plokk d-lg-none d-xl-block
  • hidden-xl (n/a 3.x) = d-plokk d-xl-none
  • visible-xs (ainult) = d-plokk d-sm-none
  • visible-sm (ainult) = d-none d-sm-plokk d-md-none
  • visible-MD (ainult) = d-none d-md-plokk d-lg-none
  • visible-lg (ainult) = d-mitte d-lg-plokk d-xl-none
  • visible-xl (n/a 3.x) = d-none d-xl-plokk


Visualiseerimine:



Viitelingid:https://getbootstrap.com/docs/4.0/utilities/display/





Eelmine:Milliseid omadusi peaks tarkvaraarhitekt omama?
Järgmine:Kuulajasse ei saa @Autowired süstida

Seotud postitused
Disclaimer:
Kõik Code Farmer Networki poolt avaldatud tarkvara, programmeerimismaterjalid või artiklid on mõeldud ainult õppimiseks ja uurimistööks; Ülaltoodud sisu ei tohi kasutada ärilistel ega ebaseaduslikel eesmärkidel, vastasel juhul kannavad kasutajad kõik tagajärjed. Selle saidi info pärineb internetist ning autoriõiguste vaidlused ei ole selle saidiga seotud. Ülaltoodud sisu tuleb oma arvutist täielikult kustutada 24 tunni jooksul pärast allalaadimist. Kui sulle programm meeldib, palun toeta originaaltarkvara, osta registreerimist ja saa paremaid ehtsaid teenuseid. Kui esineb rikkumist, palun võtke meiega ühendust e-posti teel.
Mail To:help@itsvse.com