Rilis Fitur Dan Komponen Terbaru Bootstrap 4
Bootstrap 4 merupakan versi terbaru Bootstrap,
Bootstrap sendiri yaitu kerangka HTML, CSS dan JavaScript yang paling popouler untuk membuatkan situs web mobile yang responsif.
Untuk versi 3 terakhir rilis yaitu Bootstrap v3.3.7, untuk kali ini Bootstrap sebagai Framework Open Source terbesar membuatkan ke Versi 4 dengan mempunyai perubahan besar dari versi sebelumnya.
Untuk Download Bootstrap 4 versi offline sanggup di download di situs resminya.
Bootstrap 4 ini lebih membuatkan di Komponen-komponen baru, Stylesheet lebih cepat dan lebih responsif.
Bootstrap 4 telah mendukung semua Platform Browser, Terkecuali untuk Browser IE 9 dan versi dibawahnya hanya Stabil untuk Bootstrap versi 3. Silahkan Coban bandingkan sendiri Bootstrap 3 vs Bootstrap 4.
Tahap perkembangan Bootstrap 4 ini sudah mendekati versi beta, hanya sebentar lagi pengujian versi ini akan rilis versi finalnya,
Pada Bootstrap 4 ini juga ada penambahan Library JavaScript yang dulu hanya JQuery kini ada Propper.js. Tentu penembahan ini biar lebih powerfull, dalam penembahan komponen JavaScript, menyerupai modal, tooltip dan propovers dll.
Okeh Sekarang kita bahas beberapa fitur-fitur Bootstrap 4 dalam Segi Style dan Komponen JS.
Dalam Bootstrap 4 mempunyai 5 class style grid system yaitu :
tentu class sanggup di kombinasikan dan menciptakan layout lebih dinamis dan flexibel
Untuk Style Typography dalam Bootstrap 4, memakai default font-size 16px, line-heigt 1.5 serta font-family Helvetica Neue, Arial, San-serif.
Untuk Style heading juga ada penambahan dalam font-weight dan size-font dari h1-h6, Bootstrap 4 juga mempunyai penambahan style class Display heading .display-1, .display-2, .display-3 dan .display-4
Style class text-color
ini merupakan style class Boostrap 4 dengan warna text menyerupai merah, biru, hitam, orange
.text-mute .text-primary .text-danger dll
Card
merupakan komponen terbaru di Boostrap 4, hampir menyerupai dengan komponen panel, tapi cards ini biasa di gunakan di layout. Style komponen Card ini mempunyai class header, content, footer dan colors.
Okeh berikut diantarnya beberapa komplemen dari Boostrap 4 dan masih banyak lagi, mungkin alasannya yaitu ini masih dalam tahap beta. Silahkan Download Bootstrap 4 di situs resminya untuk mencoba-coba, biar tidak ingin tau ^_^.
Bootstrap sendiri yaitu kerangka HTML, CSS dan JavaScript yang paling popouler untuk membuatkan situs web mobile yang responsif.
Untuk versi 3 terakhir rilis yaitu Bootstrap v3.3.7, untuk kali ini Bootstrap sebagai Framework Open Source terbesar membuatkan ke Versi 4 dengan mempunyai perubahan besar dari versi sebelumnya.
Untuk Download Bootstrap 4 versi offline sanggup di download di situs resminya.
Bootstrap 4 ini lebih membuatkan di Komponen-komponen baru, Stylesheet lebih cepat dan lebih responsif.
Bootstrap 4 telah mendukung semua Platform Browser, Terkecuali untuk Browser IE 9 dan versi dibawahnya hanya Stabil untuk Bootstrap versi 3. Silahkan Coban bandingkan sendiri Bootstrap 3 vs Bootstrap 4.
Tahap perkembangan Bootstrap 4 ini sudah mendekati versi beta, hanya sebentar lagi pengujian versi ini akan rilis versi finalnya,
Pada Bootstrap 4 ini juga ada penambahan Library JavaScript yang dulu hanya JQuery kini ada Propper.js. Tentu penembahan ini biar lebih powerfull, dalam penembahan komponen JavaScript, menyerupai modal, tooltip dan propovers dll.
Okeh Sekarang kita bahas beberapa fitur-fitur Bootstrap 4 dalam Segi Style dan Komponen JS.
Dalam Bootstrap 4 mempunyai 5 class style grid system yaitu :
- .col- ini untuk device extra small, dengan screen width < 576px
- .col-sm- ini untuk device small, dengan screen width => 576px
- .col-md- ini untuk device medium, dengan screen width => 768px
- .col-lg- ini untuk device large, dengan screen width => 992px
- .col-xs- ini untuk device xlarge, dengan screen width => 1200px
tentu class sanggup di kombinasikan dan menciptakan layout lebih dinamis dan flexibel
Untuk Style Typography dalam Bootstrap 4, memakai default font-size 16px, line-heigt 1.5 serta font-family Helvetica Neue, Arial, San-serif.
Untuk Style heading juga ada penambahan dalam font-weight dan size-font dari h1-h6, Bootstrap 4 juga mempunyai penambahan style class Display heading .display-1, .display-2, .display-3 dan .display-4
Style class text-color
ini merupakan style class Boostrap 4 dengan warna text menyerupai merah, biru, hitam, orange
.text-mute .text-primary .text-danger dll
 |
| Style class text-color Boostrap 4 |
Cardmerupakan komponen terbaru di Boostrap 4, hampir menyerupai dengan komponen panel, tapi cards ini biasa di gunakan di layout. Style komponen Card ini mempunyai class header, content, footer dan colors.
Okeh berikut diantarnya beberapa komplemen dari Boostrap 4 dan masih banyak lagi, mungkin alasannya yaitu ini masih dalam tahap beta. Silahkan Download Bootstrap 4 di situs resminya untuk mencoba-coba, biar tidak ingin tau ^_^.