menü    videók      
Mit tanulnál?
Keresés:
videót kérek belépés regisztráció
 Termék tesztek, hírek, bemutatók  ✦  mobilok, okosórák, médialejátszók, stb.  ✦  kattints ide!
Bootstrap 4 beta (2017.09.17)
Bejegyzések a témában:   bootstrap   reszponziv  
Hozzászólások
Megjelent a Bootstrap 4 beta, amely magával hozott több fontos változást az alpha verziókhoz képest. Jó hír viszont, hogy a végleges Bootstrap 4-ben már nem lesznek ilyen változások, bővülni fog, de törlése, vagy átnevezésre elvileg nem kerül már semmi.

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ó.