Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Architect_Programmer_Code Lauksaimniecības tīkls»Arhitekts › Front-end dizains un tīmeklis › Priekšējais rāmis › Kā parādīt un paslēpt elementus, izmantojot Bootstrap4
Skats: 12583|Atbildi: 0

[Bootstrap] Kā parādīt un paslēpt elementus, izmantojot Bootstrap4

[Kopēt saiti]
Publicēts 04.04.2019 10:46:25 | | | |
Kā parādīt un paslēpt elementus, izmantojot Bootstrap4

Lai ātrāk izstrādātu mobilās ierīces, izmantojiet adaptīvās displeja klases, lai parādītu un paslēptu elementus pēc ierīces. Izvairieties no pilnīgi atšķirīgu vienas vietnes versiju izveides, bet attiecīgi paslēpiet elementus katram ekrāna izmēram.

Lai paslēptu elementus, vienkārši izmantojiet.d-navklase vai kāds no tiem.d-{sm,md,lg,xl}-nav, lai veiktu adaptīvas ekrāna izmaiņas.

Lai elementus parādītu tikai noteiktā ekrāna izmēra intervālā, varat iestatīt vienu.d-*-navKlase un viens.d-*-*klases ir sagrupētas kopā, piemēram,.d-none .d-md-block .d-xl-noneVisu ekrāna izmēru elementi tiks paslēpti, izņemot vidējas un lielas ierīces.

Apmetums:



Rādīt/paslēpt pārtraukuma punktam un uz leju:

  • slēpts-xs-uz leju (slēpts-xs) = d-nav d-sm-bloks
  • hidden-sm-down (slēpts-sm slēpts-xs) = d-nav d-md-bloks
  • hidden-md-down (hidden-md hidden-sm hidden-xs) = d-none d-lg-block
  • slēpts-lg-uz leju = d-nav d-xl-bloks
  • slēpts-xl-uz leju (n/a 3.x) = d-nav (tāds pats kā slēpts)


Rādīt/paslēpt pārtraukuma punktam un augšup:

  • slēpts-xs-up = d-nav (tāds pats kā slēpts)
  • slēpts-sm-up = d-sm-nav
  • slēpts-md-up = d-md-nav
  • slēpts-lg-up = d-lg-nav
  • hidden-xl-up (n/a 3.x) = d-xl-nav


Rādīt/paslēpt tikai vienam pārtraukuma punktam:

  • hidden-xs (tikai) = d-none d-sm-block (tāds pats kā hidden-xs-down)
  • hidden-sm (tikai) = d-bloks d-sm-none d-md-bloks
  • hidden-md (tikai) = d-bloks d-md-none d-lg-bloks
  • slēpts-lg (tikai) = d-bloks d-lg-none d-xl-bloks
  • Hidden-XL (n/a 3.x) = D-bloks D-XL-NONE
  • redzams-xs (tikai) = d-bloks d-sm-none
  • redzams-sm (tikai) = d-nav d-sm-bloks d-md-nav
  • redzams-md (tikai) = d-nav d-md-bloks d-lg-none
  • redzams-lg (tikai) = d-nav d-lg-bloks d-xl-nav
  • redzams-xl (n/a 3.x) = d-nav d-xl-bloks


Vizualizācija:



Atsauces saites:https://getbootstrap.com/docs/4.0/utilities/display/





Iepriekšējo:Kādām īpašībām vajadzētu būt programmatūras arhitektam?
Nākamo:Nevar ievadīt @Autowired klausītājā

Saistītās ziņas
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.
Mail To:help@itsvse.com