Skip to main content Skip ad navigationem soUicitudo
in English

Migrans v5

Investigare et recensere mutationes in Bootstrap fontium fasciculorum, documentorum, et componentium ad auxilium te migrandum ab v4 ad v5.

In hac pagina

Dependentiae

  • Omissa jQuery.
  • Upgraded from Popper v1.x to Popper v2.x.
  • Deprecatus est Libsass cum Dart Sass ut noster Sass compilator datus Libsass deprecatus est.
  • Ad Hugonem Jekyll commigravit ad aedificandum documenta nostra

Pasco firmamentum

  • Omissa Penitus Rimor X et XI "
  • Omissa Microsoft Edge <XVI (Legatum Edge)
  • Omissa Firefox <60
  • Safari <12
  • Omissa iOS Safari <12
  • Omissa Chrome <60

Documenta mutationes

  • Resignatus protocollum, docs layout, ac footer.
  • Parcel dux novus addidit .
  • Novam Customize sectionem addidit, paginam Theming v4 reposuit , cum novis singulis in Sass, optiones configurationis globalis, machinas coloratas, variabiles CSS, et plura.
  • Omnia documenta formare in sectionem formarum novarum ordinaverunt , contentum disrumpens in paginas magis focused.
  • Similiter sectionem Layout renovavit , ut carneis egeticis contenta clarius.
  • Renamed "Navs" component pagina ad "Navs & Tabs".
  • Renamed "Reprehendo" pagina ad "Reprehendo & radios".
  • Navbaram remisit et novam subnav addidit ut facilius circum sites et soUicitudos versiones nostras acquireret.
  • Novam claviaturam brevem addidit ad campum quaerendum: Ctrl + /.

Sass

  • Default Sass map fossimus migrat ut facilius vacet valores redundantes. Meminerimus nunc vos omnes valores in mappis Sass definire similes $theme-colors. Check out how to deal with Sass maps .

  • FractioMunus renamed color-yiq()et variabiles relatae ad color-contrast()quod suus 'non amplius ad spatium coloratum YIQ refertur. See #30168.

    • $yiq-contrasted-thresholdrenamed est $min-contrast-ratio.
    • $yiq-text-darket $yiq-text-lightrespective appellati sunt $color-contrast-darkatque $color-contrast-light.

  • FractioMedia quaestio mixins parametri mutata est magis logico adventu.

    • media-breakpoint-down()ipso breakpoint utitur loco alterius breakpoint (exempli gratia, media-breakpoint-down(lg)loco media-breakpoint-down(md)scutorum minorum quam visorum lg).
    • Similiter secundus parameter in media-breakpoint-between()ipso quoque utitur loco ruptionis pro fracturae sequentis (eg, media-between(sm, lg)loco media-breakpoint-between(sm, md)scoporum inter smet scoporum lg).

  • FractioFormae figurae remotae et $enable-print-stylesvariabiles. Classes typis editae adhuc circa sunt. See #28339 .

  • FractioOmissa color(), theme-color()et gray()functiones in favorem variabilium. See #29083 .

  • FractioMunus renominatum theme-color-level()est color-level()et nunc recipit quemlibet colorem quem vis pro solo $theme-colorcolore. See #29083 Watch out: color-level() was later on omitted in v5.0.0-alpha3.

  • FractioAppellati $enable-prefers-reduced-motion-media-queryet $enable-pointer-cursor-for-buttonsad $enable-reduced-motionet $enable-button-pointersbrevitatis.

  • FractioRemota bg-gradient-variant()mixin. Classes utere .bg-gradientut graduum elementorum loco .bg-gradient-*generum generum addas.

  • Fractio Mixins ante remota deprecatur:

    • hover, hover-focus_ plain-hover-focus_hover-focus-active
    • float()
    • form-control-mixin()
    • nav-divider()
    • retina-img()
    • text-hide()(Adiunctae etiam utilitate classis omissa, .text-hide)
    • visibility()
    • form-control-focus()

  • Fractioscale-color()Munus renominatum est shift-color()ad vitandum occursum cum Sass proprium coloris munus scandendi.

  • box-shadowmixins nunc permitto nullvalores et noneex multiplicibus argumentis decidere. See #30394 .

  • Mixin border-radius()nunc valorem defaltam habet.

Color systematis

  • Systema coloris quod operatum est color-level()et $theme-color-intervalin favorem systematis novi coloris remotum est. Omnia lighten()et darken()functiones in codebase nostro substituuntur tint-color()ac shade-color(). Haec munera miscebunt coloris vel coloris vel nigri vice certa mutandae levitatis. Voluntas shift-color()vel color vel umbra est color pendens sive modulus pondere suo positivus sive negativus. See #30622 for more details.

  • Novos colores et umbras cuivis colori adiecit, novem colores separatos pro quolibet colore turpi, ut novas variabiles Sass.

  • Melior color antithesis. Censuit color discrepantiae rationis ab 3:1 ad 4.5:1 et caeruleo, viridi, cyano et roseo colores renovavit ut WCAG 2.1 AA discrepantias curaret. Mutavit etiam color contrarius colorem ab $gray-900in $black.

  • Ad systema coloris nostri sustinendum, novam consuetudinem tint-color()et shade-color()munera addimus ut colores nostros apte misceamus.

Eget updates

  • Novum breakpoint! Addidit novus xxlbreakpoint pro 1400pxet usque. Nullae mutationes in omnibus aliis breakpoints.

  • Meliorus earum. Iaculae in remediis sunt et angustiores v4 ( 1.5remvel circa 24px, vel ab 30px) . Hoc nostrae tetigulae rationi adsimilat cum nostris utilitatibus iustae.

    • Novum genus fistulae ( ,, ) addidit ad domas fistulas horizontales , verticales, canales horizontales, et canales verticales..g-*.gx-*.gy-*
    • FractioRenominatum .no-guttersest .g-0ut novas fistulas par utilitas.

  • Columnae iam non position: relativeadhibuerunt, ut .position-relativealiqua elementa addere debeas ad mores illius restituendos.

  • FractioAliquot .order-*lectiones omiserunt, quae saepe insueta erant. Nunc solum .order-1ex .order-5arca providemus.

  • FractioOmissa .mediacomponente, ut facile cum utilitatibus replicatur. See #28265 and the flex utilitates page for an example .

  • Fractio bootstrap-grid.cssnunc solum box-sizing: border-boxad columnam pertinet pro capsula globali retexere. Hoc modo, styli nostri elaborandi, pluribus in locis sine impedimento adhiberi possunt.

  • $enable-grid-classesgeneratio continentis classes iam non priuat. See #29146.

  • Renovata make-colmixin ad defaltam aequalibus columnis sine certa magnitudine.

Contentus, Reboot, etc

  • RFS nunc per defaltam para. Capita mixin utentesfont-size()automatice suafont-sizead scandendum cum prospectu accommodent. Haec factura antea opt-in cum v4.

  • FractioOverhauled our display typography to replace our $display-*variables and with a $display-font-sizesSass map. Singula etiam $display-*-weightvariabilia pro uno $display-font-weightet adaptato font-sizes.

  • Additae sunt duae novae .display-*magnitudinum capita, .display-5et .display-6.

  • Vincula per defaltam confirmavit (non solum in volitant), nisi certae partes sint.

  • Tabulae resignatae ut suos stylos reficiant et eas cum CSS variabilium variabilium aedificent pro plus quam stylos coerceant.

  • FractioMensae nidificantes stilos amplius non possidebunt.

  • Fractio .thead-lightet .thead-darkin favorem variantium generum quae .table-*adhiberi possunt pro omnibus elementis tabellae ( thead, tbody, tfoot, tret ).thtd

  • FractioMixin table-row-variant()renominatur table-variant()et accipit tantum 2 parametri: $color(nomen color) et $value(codex color). Colores termini et colores accentuum automatice computantur secundum variabilium tabularum factorem.

  • Split mensam cellam variabilium in -yet -x.

  • FractioOmissa .pre-scrollableclassis. See #29135

  • Fractio .text-*utilitates non addunt tabernus et Civitates focus ut nexus amplius. .link-*adiutorium classes loco adhiberi potest. See #29267

  • FractioOmissa .text-justifyclassis. See #29793

  • Fractio <hr>elementis nunc utimur heightpro bordermeliori auxilio sizeattributo. Hoc etiam dat usus utilitates padding ad dividendas crassiores (exempli gratia <hr class="py-1">).

  • Reset default horizontali padding-leftin <ul>et <ol>elementis ab navigatro 40pxad defaltam 2rem.

  • Additur $enable-smooth-scroll, quod scroll-behavior: smoothglobaliter applicat — praeter usores motum deminutum per interrogationes medias postulantes prefers-reduced-motion. See #31877

RTL

  • Directio horizontalis specificae variabiles, utilitates et mixins omnes nominatae sunt uti proprietatibus logicalibus sicut ea quae in flexali extensione inventae sunt, eg startet endloco leftac right.

Formae

  • Novas natantes formas addidit! Fluentes pittacii exemplum ad formas componentes plene confirmavimus. Vide novum pittacium volitans paginam.

  • Fractio Contexitur nativi et consuetudinis forma elementorum. Checkboxes, radios, selecta, aliaque initibus quae in v4 nativis et consuetudinariis generibus consolidantur. Nunc fere omnia nostra elementa omnino sunt consuetudinis, maxime sine necessitate consuetudinis HTML.

    • .custom-checknunc est .form-check.
    • .custom-check.custom-switchnunc est .form-check.form-switch.
    • .custom-selectnunc est .form-select.
    • .custom-fileand .form-filehave been replaced by custom styles in top of .form-control.
    • .custom-rangenunc est .form-range.
    • Omissa patria .form-control-fileet .form-control-range.

  • FractioOmissa .input-group-appendet .input-group-prepend. Nunc tantum globulis addere potes et .input-group-texttamquam filios directos sodalitatum inputationis.

  • Longus terminus Absentis radii in input coetus cum sanatione feedback bug tandem fixa est addito .has-validationgenere ad input circulos cum sanatione addendo.

  • Fractio Omissa sunt genera formarum specialium layout pro ratio eget nostra. Nostra eget utilitate et loco utere .form-group, .form-rowvel .form-inline.

  • FractioForma pittacia nunc require .form-label.

  • Fractio .form-textnon iam occidit display, permittens ut textum ope inlinei vel clausuli creare velis sicut vis modo mutato HTML elemento.

  • Icones sanationis non amplius applicantur ad <select>s cum multiple.

  • Rearranged source Sass files under scss/forms/, including input group styles.

Components

  • Valores coniuncti paddingpro summis, medulla panis, chartae, guttae, globi, modales, popoverae et instrumenta, in nostris $spacervariabilibus fundantur. See #30564 .

Accordion

Alerts

  • Exempla nunc cum iconibus erecti habent .

  • Mores remoti styli pro <hr>s in singulis erecti sunt, cum iam utuntur currentColor.

Insignia

  • FractioOmnes .badge-*color classes defecerunt pro utilitates background (exempli gratia .bg-primarypro usu .badge-primary).

  • Fractio-Utor .badge-pillpro .rounded-pillutilitate omissa.

  • FractioRemovetur volatilia et umbilici styli pro <a>et <button>elementis.

  • Auctus default Nullam pro insignibus ab .25em/ .5emad .35em/ .65em.

  • Simplicior defectus speciei micarum subtrahendo padding, background-coloret border-radius.

  • Novam CSS consuetudinem proprietas adiecit --bs-breadcrumb-dividerut faciles customizationes sine curando CSS recompensaret.

Bullae

  • Fractio Bullae Toggle , cum checkboxes vel radios, JavaScript et novas notas habent amplius require. Elementum involutum iam non desideramus, adiciamus,.btn-checkilludque<input>nullis.btngeneribus in iungamus<label>. See #30650 . Doces huius rei movit a pagina nostra Button ad sectionem formarum novarum.

  • Fractio Omissa .btn-blocksunt utilitates. Instead of .btn-blockthe .btnutere, fibulas involvere cum .d-gridet .gap-*utilitatem ad spatium earum ut opus est. Classes ad dociles mutandum etiam plus in illis potestatem. Legunt soUicitudo aliquot exempla.

  • Renovata nostra button-variant()et button-outline-variant()mixins ad parametris adiectis support.

  • Updated globulis ut augeatur antithesin aliquet et activum civitatibus.

  • Debilitatum nunc tesserae sunt pointer-events: none;.

Card

  • FractioOmissa .card-decksunt in gratiam nostram euismod. Involve tabellas tuas in classes columnae et parentis .row-cols-*vas adde ad tabulas tabulas recreandas (sed cum maiori potestate super alignment responsurum).

  • FractioOmissa .card-columnsin gratiam Masonry. See #28922 .

  • FractioAccordion fundatum .cardsubstitutum est cum nova Accordione componente .

  • Novas .carousel-darkvariantes textui obscuro, moderanti et indicibus additis (magna ad locos leviores).

  • Reponuntur icones chevron pro carousel controllata cum novis SVGs ex Iconibus Bootstrap .

Close button

  • FractioAppellatus .closeest .btn-closepro minori nomine.

  • Clausae globuli nunc utuntur loco background-image(SVG) loco a &times;in HTML, ad faciliorem customizationem sine necessitate tangendi notam tuam permittens.

  • Novas .btn-close-whitevariantes addidit, quibus usus filter: invert(1)est ut superiores discrepantias icones emittentes contra obscuriores locos.

Collapse

  • Sustulit librum ancoras pro accordiono.

  • Novas .dropdown-menu-darkvariantes et variabiles adiunctas addidit pro stillicidiis obscuris on-postulandis.

  • Added novum variabile pro $dropdown-padding-x.

  • Obtenebrata est dropdown divisorem pro improved antithesis.

  • FractioOmnes eventus pro tellus nunc in felis toggle dropdown Urguet ac deinde ad elementum parentis ebullit.

  • Menus data-bs-popper="static"dropdown nunc attributum habet, cum positio guttae stabilis est et data-bs-popper="none"cum guttatim in navbar est. Hoc additur a nostris JavaScript et adiuvat ad usum positionis stylorum consuetudinum sine impedimento cum positione Popper.

  • FractioOptio flipdestillationis plugin in favorem configurationis patrii Popper decidit. Potes nunc disable mores flipping transeundo vacuam aciem pro fallbackPlacementsoptione in flip determinatio.

  • Menus dropdown nunc potest clickable cum nova optione ad mores auto- propinquosautoClose tractandos . Hac optione uti potes ut per click intra vel extra tabulam dropdown accipere possis eam interactive.

  • Guttae nunc suscipiunt .dropdown-items involutae <li>s.

Jumbotron

List group

  • Novas nullvariabiles pro font-size, font-weight, coloret :hover colorclassi .nav-linkaddidit.
  • FractioNavbars nunc vas intus require (ut vehementius simpliciorem ac iustam requisita CSS requiratur).

Offcanvas

Pagination

  • Pagination nexus nunc habent customizabiles margin-left, qui dynamice in omnibus angulis sunt ab invicem separati.

  • Adiectae transitionsunt nexus paginationis s.

Popovers

  • FractioRename .arrowto .popover-arrowin our default popover template.

  • Renamed whiteListoption to allowList.

inrigua

  • Nunc inrigua honoris prefers-reduced-motion: reducetarditate adfectus. See #31882 .

  • Melior textrix verticalis alignment.

Toasts

  • Toasts nunc collocari potest in ope positionis utilitatis ..toast-container

  • PRAEBIBO default mutavit tempus ad V seconds.

  • Bibunt overflow: hiddenet reponuntur propriis border-radiuss calc()functionibus.

Instrumentorum

  • FractioRename .arrowto .tooltip-arrowin our default tooltip template.

  • FractioValor defalta pro illis fallbackPlacementsmutatur ad ['top', 'right', 'bottom', 'left']elementa papa- riorum meliora.

  • FractioRenamed whiteListoption to allowList.

Utilitas

  • FractioPlures utilitates appellatae sunt ad nomina proprietatis logicae utendi loco nominum directionalium cum additione RTL subsidii:

    • Appellantur .left-*et .right-*ad .start-*et .end-*.
    • Appellantur .float-leftet .float-rightad .float-startet .float-end.
    • Appellantur .border-leftet .border-rightad .border-startet .border-end.
    • Appellantur .rounded-leftet .rounded-rightad .rounded-startet .rounded-end.
    • Appellantur .ml-*et .mr-*ad .ms-*et .me-*.
    • Appellantur .pl-*et .pr-*ad .ps-*et .pe-*.
    • Appellantur .text-leftet .text-rightad .text-startet .text-end.

  • FractioDebilitatum negans marginibus per defaltam.

  • Classem novam addidit ut curriculum imaginum ad additamenta elementa .bg-bodycito disponat <body>.

  • Novam positionem utilitates pro top, right, bottomac left. Valores includunt 0, 50%, et 100%pro unaquaque proprietate.

  • Novas .translate-middle-x& .translate-middle-yutilitates addidit ad centrum horizontaliter vel perpendiculariter absolutum/fixum positis elementis.

  • Novas border-widthutilitates addidit .

  • FractioRenamed .text-monospaceto .font-monospace.

  • FractioTranslatum .text-hideest modum vetustatis latitandi textum, qui iam uti non debet.

  • Addidit .fs-*utilitates ad font-sizeutilitates (with RFS enabled). Hi eadem magnitudine utuntur ac capita defalta HTML (1-6, magna ad minima), et per tabulam Sass mutari possunt.

  • FractioRenominatae .font-weight-*utilitatis .fw-*brevitati ac constantiae.

  • FractioRenominatae .font-style-*utilitatis .fst-*brevitati ac constantiae.

  • .d-gridAdditae sunt utilitates et novas gaputilitates ( .gap) pro CSS Grid ac flexbox layouts exhibere .

  • FractioSublata .rounded-smet rounded-lgnova classium scala adduxit, .rounded-0m .rounded-3. See #31687 .

  • Novas line-heightutilitates addidit: .lh-1, .lh-sm, .lh-baseet .lh-lg. Vide hic .

  • Mota est .d-noneutilitas in nostra CSS ut plus ponderis in aliis utilitatibus exhibeat.

  • Extendit .visually-hidden-focusableadiutorium ad operandum etiam in vasis utendo :focus-within.

Adiutores

  • Fractio Adiutores responsorii embediti appellati sunt ad adiutores proportionis cum nominibus ordinis novis et mores melioris, necnon utiles CSS variabiles.

    • Classes in ratione ratione commutandi bysunt appellati . xNam ut .ratio-16by9nunc est .ratio-16x9.
    • .embed-responsive-itemElectorem in favorem simplicioris .ratio > *selectoris omisimus et elementum. Classis nulla pluribus opus est, et ratio adiutoris nunc laborat cum aliquo HTML elemento.
    • Tabula $embed-responsive-aspect-ratiosSass appellata est $aspect-ratioseiusque valores faciliores sunt ad includendum nomen classis et recipis ut key: valueduo.
    • Variabiles CSS generantur et pro unoquoque valore in tabula Sass nunc comprehenduntur. Modificare --bs-aspect-ratiovariabile in ratione quamlibet aspectum.ratio creandi .

  • Fractio Classes nunc "scree lector" classes occultae sunt .

    • Mutavit Sass lima ex scss/helpers/_screenreaders.scsstoscss/helpers/_visually-hidden.scss
    • Renamed .sr-onlyet atque .sr-only-focusable_.visually-hidden.visually-hidden-focusable
    • Renamed sr-only()et sr-only-focusable()mixins ad visually-hidden()et visually-hidden-focusable().

  • bootstrap-utilities.cssnunc etiam adiutores nostros comprehendat. Adiutores non necesse est ut in more aedificat amplius importari.

JavaScript

  • Omissa jQuery dependentia et plugins rescripserunt in JavaScript regularis.

  • FractioData attributa pro omnibus JavaScript plugins nunc nominantur ad auxilium distinguendum officiatum Bootstrap a partibus tertiis et codice tuo. data-bs-toggleVerbi gratia, loco utimur data-toggle.

  • Omnia plugins nunc recipere possunt a CSS electore ut primum argumentum. Potes vel elementum domnum transire vel aliquem validum electorem CSS ad novam instantiam plugin creare:

    var modal = new bootstrap.Modal('#myModal')
var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')

  • popperConfigpraeteriri potest ut munus quod default Popper Bootstrap acceptat ut argumentum config, ut hunc defaltam configurationem in tuo modo confundere possis. De stillicidiis, popovers, et instrumentis applicatur.

  • Valor default pro illis fallbackPlacementsmutatur in ['top', 'right', 'bottom', 'left']elementa Popper meliora. De stillicidiis, popovers, et instrumentis applicatur.

  • Underscore remota a modi publici static sicut _getInstance()→ getInstance().