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 display
bonorum 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 xs
iis 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}
prosm
,md
,lg
etxl
.
Ubi valor unus est;
none
inline
inline-block
block
table
table-cell
table-row
flex
inline-flex
Propono valores mutando $displays
variabiles SCSS et recompensando mutari possunt.
Instrumenta queries in latitudines ductiles cum dato breakpoint sive maiore afficiunt . Utrobique et pluteis pro exemplo .d-lg-none
ponit .display: none;
lg
xl
Exempla
<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>
<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-none
classe vel una ex .d-{sm,md,lg,xl}-none
classibus pro qualibet variatione screen responsiva.
Ut elementum tantum in dato spatio magnitudinum ductorum ostendere possis unum .d-*-none
genus cum .d-*-*
classe coniungere, exempli gratia .d-none .d-md-block .d-xl-none
elementum 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 |
<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
display
Valorem elementorum mutant cum typis imprimuntur cum utilitate nostra imprimendi classes. Includes support for the same display
values 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.
<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>