in English

Res ostentationem

Celeriter et alacriter concurrunt ostentationem quantitatis partium ac magis cum utilitate nostra ostensionem. Subsidia includit pro aliquibus valoribus communioribus, ac quibusdam me- morandis ad ostentationem excudendi.

Quomodo facitur

Mutare valorem displaybonorum cum responsis nostris, utilitates propono classes. Ex intentione tantum restam omnium valorum possibilium sustinemus pro display. Classes componi possunt per varios effectus, ut opus est.

Notatio

Praebere utilitates classes, quae ad omnes confractiones pertinent , ab xsiis xl, nullum in iis abbreviationem praevaricationis habent. Causa est, quia illae classes ex et sursum applicantur min-width: 0;, ideoque interrogatione media non tenentur. Reliquae autem fracturae punctum abbreviationem includunt.

Ut huiusmodi, classes nominantur utens forma;

  • .d-{value}for*xs
  • .d-{breakpoint}-{value}pro sm, md, lget xl.

Ubi valor unus est;

  • none
  • inline
  • inline-block
  • block
  • table
  • table-cell
  • table-row
  • flex
  • inline-flex

Propono valores mutando $displaysvariabiles SCSS et recompensando mutari possunt.

Instrumenta queries in latitudines ductiles cum dato breakpoint sive maiore afficiunt . Utrobique et pluteis pro exemplo .d-lg-noneponit .display: none;lgxl

Exempla

d-inline
d-inline
<div class="d-inline p-2 bg-primary text-white">d-inline</div>
<div class="d-inline p-2 bg-dark text-white">d-inline</div>
d-obstructionum d-obstructionum
<span class="d-block p-2 bg-primary text-white">d-block</span>
<span class="d-block p-2 bg-dark text-white">d-block</span>

Abdito elementis

Ad velociorem progressionem mobilem amicabilem, responsabilium classium ostentatione utere ad elementa latentia et artificio demonstranda. Vitare creando prorsus varias eiusdem situs versiones, pro elementis occultis responsabiliter pro cuiusque magnitudinis screen.

Elementa celare simpliciter utuntur .d-noneclasse vel una ex .d-{sm,md,lg,xl}-noneclassibus pro qualibet variatione screen responsiva.

Ut elementum tantum in dato spatio magnitudinum ductorum ostendere possis unum .d-*-nonegenus cum .d-*-*classe coniungere, exempli gratia .d-none .d-md-block .d-xl-noneelementum pro omnibus magnitudinum screen praeter medias et magnas cogitationes abscondet.

'collaborative text Size' Classis
Abscondita est in omnibus .d-none
Occultus tantum in xs .d-none .d-sm-block
Tantum occultatum in sm * .d-sm-none .d-md-block
Occultus tantum in md* .d-md-none .d-lg-block
Occultus tantum in lg * .d-lg-none .d-xl-block
Occultus tantum in xl .d-xl-none
Visibilis in omnibus .d-block
Visibilis tantum in xs .d-block .d-sm-none
Visibilis tantum sm .d-none .d-sm-block .d-md-none
Visibilis tantum in md .d-none .d-md-block .d-lg-none
Visibilis tantum lg * .d-none .d-lg-block .d-xl-none
Visibilis tantum in xl* .d-none .d-xl-block
celare lg et latius screens
celare pluteis minus lg fi
<div class="d-lg-none">hide on lg and wider screens</div>
<div class="d-none d-lg-block">hide on screens smaller than lg</div>

Exhibe in print

displayValorem elementorum mutant cum typis imprimuntur cum utilitate nostra imprimendi classes. Includes support for the same displayvalues ​​as our responsiva .d-*utilities.

  • .d-print-none
  • .d-print-inline
  • .d-print-inline-block
  • .d-print-block
  • .d-print-table
  • .d-print-table-row
  • .d-print-table-cell
  • .d-print-flex
  • .d-print-inline-flex

Vestigium et ostentatio classes componi possunt.

Screen tantum (Crede in print only)
Print tantum (Celare in screen modo)
Celare in magna in screen, sed semper in print ostendere
<div class="d-print-none">Screen Only (Hide on print only)</div>
<div class="d-none d-print-block">Print Only (Hide on screen only)</div>
<div class="d-none d-lg-block d-print-block">Hide up to large on screen, but always show on print</div>