Source

Ad migrandum v4

Bootstrap 4 maior est rescribe totius consilii. Commutationes notabiles infra recapitulantur, et sequuntur mutationes subtiliores ad partes pertinentes.

Firmum mutationes

Movens a Beta 3 ad nostram v4.x emissionem stabilis, nullae sunt fractionis mutationes, sed notabiles sunt mutationes aliquae.

Typographia

  • Utilitas print fixa fractis. Antea utens .d-print-*classe improviso aliam .d-*classem regeret. Nunc, alias utilitates ostentant et ad ea media tantum applicant ( @media print).

  • Expanded available print display utilitates to match other utilitates. Beta 3 et maior tantum habuit block, inline-block, inline, et none. Stabile v4 addidit flex, inline-flex, table, table-row, et table-cell.

  • Fixum print preview reddens trans navigatores cum novis stylis printis specificatis @page size.

Beta III mutationes

Dum Beta 2 vidit molem fractionis nostrae mutationes in beta periodo, sed adhuc pauca habemus quae in Beta 3 emissione mittenda sunt. Hae mutationes applicant si ad Beta 3 adaequationem es ex Beta 2 vel aliqua vetustior versio Bootstrap.

Miscellaneous

  • Remota insueta $thumbnail-transitionvariatur. Nihil nos transitione faceremus, ergo extra signum tantum erat.
  • Involucrum npm non amplius includit aliquas fasciculos praeter nostrum fontem et fasciculos distinctos; si illis fretus et scripta nostra per node_modulesfolder currebant, tuum workflow aptare debes.

Formae

  • Rescripsimus tam consuetudinem quam defaltam checkboxes et radios. Uterque autem structuram HTML adaptans (exteriore <div>cum sibling <input>et <label>) eandemque styli extensionis (default reclinans, inline cum genere determinativo). Hoc nobis permittit ut titulus styli innitendi status initus, adiumentum simplicius pro disabledattributo (antea genus parentis exigente) ac melius nostrae formae sanationi favens.

    Cum hac parte mutavimus CSS ad varias background-imageformas usitatas in checkboxes et radios administrandi. Antea, elementum nunc remotum .custom-control-indicator, curriculum coloris, clivi et SVG iconem habuit. Consuetudinem curriculi in clivo gradatim significatum reponens omnia illarum quotienscumque opus est ut unum solum mutes. Nunc nos .custom-control-label::beforepro imple et gradiente et .custom-control-label::aftericonem tractat.

    Consuetudo reprehendo inline, add .custom-control-inline.

  • Renovata lego pro input-based puga coetus. Loco [data-toggle="buttons"] { }pro stilo et moribus, datasicut pro JS conversationibus tribuimus, et novo .btn-group-togglegenere ad stylum nitimur.

  • Remota .col-form-legendin gratiam leviter emendavit .col-form-label. Hoc modo .col-form-label-smet de elementis facile .col-form-label-lgadhiberi potest .<legend>

  • Consuetudinis fasciculi initibus mutationem acceperunt $custom-file-textSass variabilis. Non iam tabula Sass commoratur et nunc una chorda potentiae tantum est - globulum Browsequod nunc unicum pseudo-elementum ex nostro Sass generatur. Textus Choose filenunc a .custom-file-label.

Input circulos

  • Additiones input coetus specificae nunc sunt ad collocationem relativam ad input. Classes novas .input-group-addonet .input-group-btnduas omissas sumus, .input-group-prependet .input-group-append. Appendice vel prepend nunc expresse utere debes, multum simpliciorem nostrorum CSS. Intra appendice vel prepend, pone fibulas tuas alibi alibi, sed textum involve .input-group-text.

  • Genera sanationis nunc sustentantur, sicut initibus multiplex (quamvis unum input per coetus tantum convalidandum).

  • Classes inspectionis in parente esse debent, .input-groupet non singulae formae elementa.

Beta 2 mutationes

Dum in beta, nullas mutationes solvere intendimus. Sed res non semper ex proposito. Infra sunt fractionis muta- tiones cum motu a Beta 1 usque ad Beta 2 .

Fractio

  • Variabilis remota $badge-coloret usus eius in .badge. Munus discrepantiae colore utimur ad decerpendum innixum innixum color, background-colorergo variabilis supervacuum est.
  • Renominatum grayscale()munus ad gray()vitandum conflictum cum CSS patria grayscalecolum.
  • Renominata .table-inverse, .thead-inverseet .thead-defaultut .*-darket .*-light, adaptans nostri coloris machinas alibi adhibitas.
  • Responsivae tabulae nunc classes generant pro singulis eget breakpoint. Hoc ab Beta 1 erumpit quod .table-responsivesimilius est usus .table-responsive-md. Nunc ut tortor .table-responsiveneque .table-responsive-{sm,md,lg,xl}.
  • Omissa Bower subsidium ut sarcina procurator deprecatus est pro alternis (exempli gratia Yarn vel npm). Vide thalamum/ bower# 2298 ad singula.
  • Bootstrap adhuc requirit jQuery 1.9.1 vel superius, sed mones ut versioni 3.x utaris, cum v3.x navigatores fulti sunt, qui Bootstrap subsidia plus v3.x securitatem aliquam habet.
  • Transtulit insuetum .form-control-labelgenus. Si hoc genere uteres, duplicata erat .col-form-labelclassis quae verticaliter centrum est <label>cum eo coniuncta initus in extensionibus horizontalibus.
  • Mutavit color-yiqa mixin quod comprehendit colorproprietatem functionis quae valorem reddit, permittens ea uti pro quavis possessione CSS. Exempli gratia, pro color-yiq(#000), scribere velis color: color-yiq(#000);.

Quisque ornare

  • Novus pointer-eventsusus in modalibus introductus. Exterior .modal-dialogeventus percurrit cum pointer-events: nonepro consuetudine strepita pertractatio (faciens id posse audire modo .modal-backdroppro quibusvis clicks), et tunc repugnat pro re .modal-contentcum pointer-events: auto.

Summarium

Hic sunt tesserae magnae items voles scire cum movendo ab v3 ad v4.

Pasco firmamentum

  • Omissa IE8, IE9, et iOS 6 auxilio. v4 nunc tantum est IE10+ et iOS 7+. Nam situs vel illorum, utere v3.
  • Addidit officialem subsidium Android v5.0 Lollipop in navigatro et WebView. Antea versiones Android Browser et WebView solum manent privatim confirmatae.

Global mutationes

  • Flexbox per defaltam potens est. In genere hoc significat motum ab ratibus ac magis trans nostris componentibus.
  • Switched from Less to Sass for our source CSS files.
  • Commutatum ab pxut remut nostra prima unitas CSS, quamquam elementa adhuc adhibentur pro instrumentis quaestionibus et cinematographicis moribus ut machinae prospectus magnitudine speciei non afficiuntur.
  • Global amplitudo font-size ab 14pxad 16px.
  • Renovavit ordines eget ut quintam optionem adderet (inscriptiones minores 576pxet infra inscriptionem) et -xsinfixum ex illis generibus removerunt. Exemplum: .col-6.col-sm-4.col-md-3.
  • Locum separatum optional thema cum optionibus configurabilibus per SCSS variabiles (eg, $enable-gradients: true).
  • Systema aedificandum iubile est ut series scriptorum npm pro Grunt. Scripta omnia vide package.json, vel consilium nostrum ad loci progressionem necessaria.
  • Usus responsivus ex Bootstrap non diutius sustinetur.
  • Mos online in favorem documentorum setup amplioris et aedificationis nativus.
  • Adiecerunt justos novae utilitatis classes pro communium possessionum CSS valorum paria et marginem/padding shortcuts spacing.

Eget ratio

  • Ad flexbox.
    • Auxilia adiectae flexbox in mixins eget et classibus praefinitis.
    • Cum pars flexbicularis, subsidia inclusa ad noctis classes verticales et horizontales.
  • Renovata classium nomina ac euismod eget novo ordine.
    • Novam smcraticulam ordo infra 768pxad imperium granulares magis addidit. Nunc habemus xs, sm, md, lget xl. Hoc quoque significat omnem ordinem in uno gradu esse censutum (sic .col-md-6in v3 nunc .col-lg-6in v4).
    • xseget classes mutatae sunt ut infixionem ad accuratius repraesentandum non requirere incipiant stylos applicandi ad min-width: 0valorem pixel non determinatum. Pro .col-xs-6, nunc est .col-6. Omnes aliae lineae clavigerorum infixionem requirunt (exempli gratia sm).
  • Renovata eget magnitudines, mixins, et variabiles.
    • Grid canales nunc habent mappam Sass ut inversas fistulas specificas singulis effodiendis exprimere possis.
    • Renovata eget mixins utendum est make-col-readyprep mixin et make-colut ponatur flexet max-widthpro singulis columnae inspectione.
    • Mutata ratio instrumentorum requirendi interrogatione puncta et puncta continentis latitudinis ad rationem novas euismod ordine et columnas aequabiliter divisibiles ab 12earum latitudine max.
    • Grid puncta et latitudines continens nunc per Sass maps tractantur ( $grid-breakpointset $container-max-widths) loco paucorum variabilium separatarum. Hae @screen-*variabiles variabiles plane repone et te permittunt ut plene elaborationem electronicae consuetudinis relinquas.
    • Mediae interrogationes etiam mutatae sunt. Pro nostris instrumentis interrogationum declarationum iterandas quantivis temporis quantivis pretii, nunc habemus @include media-breakpoint-up/down/only. Nunc pro scribere @media (min-width: @screen-sm-min) { ... }potes scribere @include media-breakpoint-up(sm) { ... }.

Components

  • Omissae tabulae, ailntillae et putei ad novum componentium, chartarum circumdantium .
  • Omissa sunt Glyphicons icon font. Si iconibus indigetis, nonnullae optiones sunt:
  • Omissa Affix jQuery plugin.
    • Commendamus utendo position: stickyloco. HTML5 Vide quaeso noti singula et commendationes specificas polyfill. Una sententia est @supportsregula utatur ad eam exsequendam (exempli gratia @supports (position: sticky) { ... })
    • Si Affix uterebas ut adiectis, non positiongeneribus, polyfilli uti causam tuam sustinere non possent. Una optio talium usuum est bibliotheca tertia partium ScrollPos-Stylerum .
  • Pars paginaris omissa est ut essentialiter leviter bullarum nativus erat.
  • Refactores fere omnes componentes ut selectores classium un- nesti utantur loco liberorum specialium selectorum.

per component

Hoc album elucidat key mutationes componentes inter v3.xx et v4.0.0.

Reboot

Nova ad Bootstrap 4 est Reboot , novum stilum qui in Normalize aedificat cum nostris stilis aliquantum opinionatis reset. Electores in hoc fasciculo apparentes elementis tantum utuntur – nullae sunt hic classes. Hoc genus nostrum retexere a stylis componentibus nostris ad accessum magis modulandum separat. Quaedam principalia quae in hoc includit sunt box-sizing: border-boxmutatio, ab emad remunitates in multis elementis, stylis nexus, et multae formas resets.

Typographia

  • Omnes .text-utilitates in tabella commota sunt _utilities.scss.
  • Omissa .page-headereius styli per utilitates applicari possunt.
  • .dl-horizontaldelapsum est. Instead, utere .rowin <dl>ac uti classium columnarum (vel mixins) in suis <dt>ac <dd>liberis.
  • <blockquote>Stipites redintegrati, stylos ab elemento ad unum genus moventes , .blockquote. Omissa est .blockquote-reversedeterminatio ad textum utilitatum.
  • .list-inlinenunc requirit ut filii eius indices novorum .list-inline-itemclassium ad se applicati habeant.

Imagines

  • Renamed .img-responsiveto .img-fluid.
  • Renamed .img-roundedto.rounded
  • Renamed .img-circleto.rounded-circle

Tabulae

  • Omnes fere instantiae >selectoris remotae sunt, quae mensae nestrae stilos a parentibus sponte possidebunt. Hoc valde simpliciores nostros selectores et consuetudines potentiales.
  • Appellati .table-condensedsunt .table-smad constantiam.
  • Novam .table-inverseoptionem addidit.
  • Adiecta mensa header adiectiua: .thead-defaultet .thead-inverse.
  • Classes renominatas contextual habere .table--praefixum. Unde .active, .success, et ad , , et . .warning_ _.danger.info.table-active.table-success.table-warning.table-danger.table-info

Formae

  • Motus ad elementum tabella resets _reboot.scss.
  • Renamed .control-labelto .col-form-label.
  • Appellantur .input-lgac .input-smatque .form-control-lg, .form-control-smrespectively.
  • Omissa .form-group-*genera simplicitatis causa. .form-control-*Classes loco nunc utere .
  • Omisit .help-blocket reposuit cum .form-texttextu pro-gradu auxilii. Nam textus inlines adiuvent et aliae optiones flexibiles, utilitate classes utantur .text-muted.
  • Omissa .radio-inlineet .checkbox-inline.
  • Contexitur .checkboxinque .radiovarias classes .form-check..form-check-*
  • Formae horizontales overhauled;
    • Omissa .form-horizontalclassium postulatione.
    • .form-groupstylos non amplius applicat e .rowvia mixin, .rowquae nunc postulatur pro emissione eget horizontali (exempli gratia <div class="form-group row">).
    • Classis nova .col-form-labeladdita ad perpendiculum pittacii centri cum .form-controls.
    • Novam .form-rowpro pacto formas propositas cum classibus eget (permuto tuo .rowpro a .form-rowet ire).
  • Consuetudo addita subsidia adiuvat (pro checkboxes, radios, eligat, et fasciculi inputs).
  • Reponuntur .has-error, .has-warning, et .has-successclasses cum HTML5 sanatione per CSS :invalidet :validpseudo-classes.
  • Renamed .form-control-staticto .form-control-plaintext.

Bullae

  • Renamed .btn-defaultto .btn-secondary.
  • Classis .btn-xsplane omissa est ut .btn-smproportione multo minor quam v3's.
  • Bulla magnifica pluma button.jsjQuery plugin omissa est. Etiam $().button(string)ac $().button('reset')volutpat elit. Monemus utendo exiguam partem usui JavaScript in loco, qui erit beneficium se gerendi modo quo voles.
    • Nota ceteras lineas plugin (button checkboxes, radios button, globuli simplicis toggle) in v4.
  • Mutationes tesserae' [disabled]sunt :disabledut IE9+ subsidia :disabled. Tamen fieldset[disabled]adhuc necessarium est quod indigenae agri debiles sunt adhuc buggy in IE11 .

Button group

  • Rewrite componentia cum flexbox.
  • Remota .btn-group-justified. Subrogando uti potes <div class="btn-group d-flex" role="group"></div>ut fascia circa elementa cum .w-100.
  • Classis .btn-group-xsomnino omissa remotione omissa .btn-xs.
  • Remota distantia expressa inter circulos globulorum in instrumentorum bullis; margine utilitates nunc utor.
  • Documenta meliorata de usu cum aliis componentibus.
  • Switched from parent selectors to singular classes for all components, modfiers, etc.
  • Styles faciliores dropdown non amplius navem cum sursum vel deorsum versus sagittas in menu dropdown adnexam.
  • Guttae modo <div>s vel <ul>s aedificari possunt.
  • Stillicidium stili ac notae reaedificatum est ut facile, constructum-in subsidio pro <a>et <button>fundatum dropdown item.
  • Renamed .dividerto .dropdown-divider.
  • Dropdown items nunc eget .dropdown-item.
  • Dropdown toggles non amplius explicite requiret <span class="caret"></span>; hoc nunc automatice via CSS in ::afterdie providetur .dropdown-toggle.

Eget ratio

  • Novam 576pxelaborationem fractionis adiecit sicut smsignificatio iam sunt quinque lineae totales ( xs, sm, md, lget xl).
  • Renamed the responsive class modifier malesuada euismod .col-{breakpoint}-{modifier}-{size}ut , eget class .{modifier}-{breakpoint}-{size}enim simplicius.
  • Omissa dis et trahere modifier classes ad novas classes flexbox-powered order. Exempli gratia pro .col-8.push-4et .col-4.pull-8uti velis .col-8.order-2et .col-4.order-1.
  • Adiectae sunt flexbox classes utilitates ad systema eget ac componentes.

Circuli album

  • Rewrite componentia cum flexbox.
  • Reponuntur a.list-group-itemcum expressa classe, .list-group-item-action, pro nexus et conjunctione stylorum versionum listarum coetus.
  • Classis .list-group-flushadditae ad usum chartarum.
  • Rewrite componentia cum flexbox.
  • Datae ad flexbox movendae, alignment iconum dimissionis in capite verisimile est fractos esse cum ratibus non amplius utentes. Contentus fluitavit prior venit, sed cum flexo id iam non est. Renova icones dimitte tuas ut post titulos modales figere.
  • Optio ( quae remoteadhiberi potest cum automatice onerare et contentum externum in modalem injicere) et loaded.bs.modaleventus respondentis sublata est. Commendamus pro utendo clientelam templando vel data ligandi compage, vel te ipsum vocantem jQuery .
  • Rewrite componentia cum flexbox.
  • Omiserunt fere omnes >selectores ad simplices stylos per classes un- nestras.
  • Loco HTML selectorum specialium similium , classes separatas pro s, s et s .nav > li > autimur . Hoc magis flexibile HTML tuum facit, dum amplificationem auget..nav.nav-item.nav-link

Navbar omnino rescriptum est in flexo cum meliore auxilio ad noctis, alacritatis, et customizationis.

  • Mores navbar Responsivi nunc applicantur ad .navbarclassium via requisita .navbar-expand-{breakpoint} ubi vis ubi navbar elabi potest. Antea haec mutatio minus variabilis erat et recompensans requiritur.
  • .navbar-defaultnunc .navbar-lightidem .navbar-darkmanet. Quarum una requiritur in unaquaque navbar. Sed haec genera non amplius pone background-colors; sed per se tantum afficiunt color.
  • Nunc Navbars curriculo declarationem quandam requirunt. Elige e nostro curriculo utilitates ( .bg-*) vel tuam cum luce/inversis classes supra pro vesana consuetudine elige .
  • Datae sunt styli flexboxs, navbares flexbox utilitates nunc ad bene alignment faciles uti possunt.
  • .navbar-togglenunc est .navbar-toggleret varios habet stilos et notam interiorem (non plus tria <span>).
  • Classis .navbar-formplane omissa. Non iam necesse est; pro, .form-inlinemargine utere et adhibere utilitas ut necesse est.
  • Navbars iam non includit margin-bottomvel border-radiusdefaltam. Utere utilitatibus ut necesse est.
  • Omnia exempla navbarum featurarum renovata sunt ad novum signum includere.

Pagination

  • Rewrite componentia cum flexbox.
  • Explicit classes ( .page-item, .page-link) quae nunc requiruntur in posteris .paginations
  • Pars .pagerplane omissa est ut paulo plus quam forma globuli nativus erat.
  • Classis explicita .breadcrumb-itemnunc postulatur in posteris .breadcrumbs .

Titulus ac velamenta

  • Contexitur .labelet .badgedisambiguatur ab <label>elemento et componi simplificant cognata.
  • Additur .badge-pillut determinatio ad rotundum "diripio" aspectum.
  • Insignia non amplius nataverunt automatice in coetibus et aliis componentibus album. Utilitas ad id nunc requiritur.
  • .badge-defaultomissae sunt et .badge-secondaryadditae ut inserere compositionis modifier classes alibi adhibitas.

Tabulata, ailnthubms et putei

Omnino omissae sunt ad novum card componentium.

Tabulata

  • .panelad .cardflexbox iam constructa.
  • .panel-defaultremota et non repositum.
  • .panel-groupremota et non repositum. .card-groupnon est repositum, aliter est.
  • .panel-headingto.card-header
  • .panel-titlead .card-title. Secundum optatum aspectum, uti velis etiam elementis vel generibus (eg <h3>, .h3) vel audacibus elementis vel classibus uti (exempli <strong>, <b>, .font-weight-bold). Nota quod .card-title, dum similiter nominatur, alium aspectum producit quam .panel-title.
  • .panel-bodyto.card-body
  • .panel-footerto.card-footer
  • .panel-primary, .panel-success, .panel-info, .panel-warninget .panel-dangeromissae sunt pro .bg-,, .text-et .borderutilitates ex $theme-colorstabula nostra Sass genita.

Progressus

  • Reponatur contextual .progress-bar-*classes cum .bg-*utilitate. For example, class="progress-bar progress-bar-danger"fit class="progress-bar bg-danger".
  • Pro animati .activeprogressus vectes .progress-bar-animated.
  • Tota pars ad simpliciorem designandum et stylum ductum est. Pauciores stili apud te habemus ut indices novos et icones novas vincant.
  • Omnes CSS un-neded et renominati sunt, pro unoquoque genere praefixo .carousel-.
    • Nam carousel items , .next, .prev, .leftet .rightnunc sunt .carousel-item-next, .carousel-item-prev, .carousel-item-left, et sunt .carousel-item-right.
    • .itemetiam nunc est .carousel-item.
    • Nam praec/nexus controllatae sunt .carousel-control.rightet .carousel-control.leftnunc sunt .carousel-control-nextet .carousel-control-prevsignificantes non amplius desiderant speciem basim specificam.
  • Omnem stylum responsivum removit, ad utilitates deferens (exempli gratia captiones in certas opiniones exhibens) et stylorum consuetudinum prout opus erat.
  • Sublata imago vincit imagines in carousel items, ad utilitates deferens.
  • Carousel exemplum includere novas notas et stilos.

Tabulae

  • Sublata subsidia mensas appellatas nested. Omnes styli mensae nunc hereditarii in v4 sunt pro selectoribus simplicioribus.
  • Adiectae sunt tabulae inversae variantes.

Utilitas

  • Ostende, occulta, plura;
    • Utilitas docilis (exempli gratia facta est, .d-noneet d-{sm,md,lg,xl}-none).
    • Mole .hidden-*utilitatum novarum ostentationis utilitatum omissa . Exempli gratia pro .hidden-sm-up, uti .d-sm-none. Appellatae sunt .hidden-printutilitates ad usum proponendi sumpti- minis utilitatem. More info sub sectione utilitatis Responsivae huius paginae.
    • Classes .float-{sm,md,lg,xl}-{left,right,none}additae ad responsivas innatat et sublatas .pull-leftet .pull-rightquia nimium vacet .float-leftet .float-right.
  • Typus:
    • Added variationes responsivae ad textum nostrum alignment classes .text-{sm,md,lg,xl}-{left,center,right}.
  • Noctis et iustae:
  • Clearfix updated ad auxilium demittere pro versionibus navigatri antiquioribus.

Vendor praepositionis mixins

Bootstrap 3 venditor praepositionem mixinorum, quae in v3.2.0 deprecata est, in Bootstrap remota sunt 4. Cum Autopraefixore utimur , non amplius necessaria sunt.

Removetur haec mixins : animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-timing-function, backface-visibility, box-sizing, content-columns, hyphens, opacity_ perspective_ perspective-origin_ rotate_ rotateX_ rotateY_ scale_ scaleX_ scaleY_ skew_ transform-origin_ transition-delay_ transition-duration_ transition-property_ transition-timing-function_transition-transformtranslatetranslate3duser-select

Documentation

Nostra documenta an upgrade per tabulam etiam recepimus. Hic est humilis demissus;

  • Etiamnunc utendo Jekyll sumus, sed plugins in misce;
    • bugify.rbadhibetur ut efficaciter indices viscus in navigatro nostro cimices pagina.
    • example.rbconsuetudo est furca de highlight.rbplugin default, permittens pro faciliori exemplo-codice tractandi.
    • callout.rbsimilis est consuetudo illius furcae, sed ad speciales soUicitudos callouts.
    • jekyll-toc adhibetur ad generale tabulam nostram contentorum.
  • Omnes soUicitudini contenti in Markdown (pro HTML) ad faciliorem emendationem rescripti sunt.
  • Paginae in simpliciore contento et hierarchia magis notatae sunt.
  • Movimus ex iusto CSS ad SCSS ut uteretur variabilium, mixtionum et plurium Bootstraporum.

Responsivum utilitates

Omnes @screen-variabiles in v4.0.0 remotae sunt. Utere media-breakpoint-up(), media-breakpoint-down(), vel media-breakpoint-only()Sass mixins vel $grid-breakpointsSass loco map.

Responsiva utilitas nostra classes in favorem expressarum utilitatium late remotae sunt display.

  • The .hiddenand .showclasses remotae, because they disiice with jQuery's $(...).hide()and $(...).show()methods. Instead, try toggling the [hidden]attributum vel use inline styles like style="display: none;"and style="display: block;".
  • Omnes .hidden-classes remotae sunt, praeter utilitates impressas quae nominatae sunt.
    • Ab v3 ;.hidden-xs .hidden-sm .hidden-md .hidden-lg .visible-xs-block .visible-xs-inline .visible-xs-inline-block .visible-sm-block .visible-sm-inline .visible-sm-inline-block .visible-md-block .visible-md-inline .visible-md-inline-block .visible-lg-block .visible-lg-inline .visible-lg-inline-block
    • Ab v4 alphas:.hidden-xs-up .hidden-xs-down .hidden-sm-up .hidden-sm-down .hidden-md-up .hidden-md-down .hidden-lg-up .hidden-lg-down
  • Print utilitas iam non incipit cum .hidden-vel .visible-sed cum .d-print-.
    • Vetus nomina: .visible-print-block, .visible-print-inline, .visible-print-inline-block,.hidden-print
    • Novae classes: .d-print-block, .d-print-inline, .d-print-inline-block..d-print-none

Potius quam expressis .visible-*generibus utens, elementum visibile facis quod in illo screen magnitudine simpliciter non celans. Unum .d-*-nonegenus cum uno .d-*-blockgenere coniungere potes ut elementum tantum in dato spatio magnitudinum ductorum (eg .d-none.d-md-block.d-xl-noneelementum tantum in mediis et magnis machinis ostendit).

Nota quod mutationes in craticulae fracturae in v4 significat quod opus erit ut unum punctum maius ad idem eventus consequendum. Novae utilitates responsivae classes non conantur accommodare casibus minus communibus ubi visibilitas elementi exprimi non potest ut una contigua amplitudinis amplitudinum prospectus; sed consuetudine CSS in talibus casibus uti debes.