Nézzük a változásokat!
Átnevezett class-ok
Több class egyszerűen csak átnevezésre került, de a használatuk ugyanaz maradt.
| korábbi | átnevezett |
| card-block | card-body |
| bg-faded | bg-light |
| bg-inverse | bg-dark |
| badge-default | badge-dark |
| card-inverse | text-white |
| card-outline-* | border-* |
| card-(szín) | bg-(szín) |
| navbar-toggleable-* | navbar-expand-* |
Láthatósággal kapcsolatos class-ok
Az összes hidden-* és visible-* class eltávolításra került. Tehát pl. a hidden-sm-down, hidden-lg-down, stb.
Helyettük a d-* class-ok használhatók, amelyekből számos található a Bootstrap 4-ben. Itt található a teljes lista. Vegyük észre, hogy eltűnt a hidden, helyette van a none és a megjelenítésre több class is használható, például: block, flex, table.
Tehát például eddig használtuk a hidden-sm-up class-t, helyette most már a d-sm-none használatos. Az ellentetje (tehát ha meg akarunk valamit jeleníteni), pedig a d-sm-block, vagy -inline, -flex, -table, stb.
| korábbi | új |
| hidden-xs-down | d-none d-sm-block |
| hidden-sm-down | d-none d-md-block |
| hidden-md-down | d-none d-lg-block |
| hidden-lg-down | d-none d-xl-block |
| hidden-xs-up | d-none |
| hidden-sm-up | d-sm-none |
| hidden-md-up | d-md-none |
| hidden-lg-up | d-lg-none |
| hidden-xl-up | d-xl-none |
Offset és oszlop sorrend
Az összes offset-*-* class eltávolításra került, helyettük az auto margin class-ok használhatók.
Az összes push-* és pull-* class eltávolításra került, helyettük az order class-ok használhatók.
A linkek a dokumentációhoz visznek, ahol példákkal is megtekinthetők az class-ok.
Egyéb fontos változások
Szinte minden flexbox alapú lett és a rács rendszer továbbfejlesztésre került.
Internet Explorer 8 és 9, Safari 8 már nem támogatott és a régebbi böngészők sem!
Pixel alapú mértékegységek lecserélésre kerültek em-re és rem-re.
Az összes Javascript plugin újraírásra került.
Tether.js lecserélésre került a popper.js-re.
És még egy halom kisebb változás, módosítás, fejlesztés és új dokumentáció.

Termék tesztek, hírek, bemutatók ✦ mobilok, okosórák, médialejátszók, stb. ✦ kattints ide!