Home Bootstrap tutorial Tutorial Dekstop

Rilis fitur dan Komponen terbaru Bootstrap 4

8:00 AM
A+ A- Print Email
Bootstrap 4 merupakan versi terbaru Bootstrap,
Bootstrap sendiri ialah kerangka HTML, CSS dan JavaScript yang paling popouler untuk mengembangkan situs web mobile yang responsif.

Untuk versi 3 terakhir rilis yaitu Bootstrap v3.3.7, untuk kali ini Bootstrap sebagai Framework Open Source terbesar mengembangkan ke Versi 4 dengan mempunyai perubahan besar dari versi sebelumnya.
Untuk Download Bootstrap 4 versi offline mampu di download di situs resminya.

Bootstrap 4 ini lebih menyebarkan di Komponen-komponen gres, 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 supaya lebih powerfull, dalam penembahan komponen JavaScript, seperti modal, tooltip dan propovers dll.

Okeh kini 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 mampu di kombinasikan dan membuat 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 seakan-akan merah, biru, hitam, orange
.text-mute .text-primary .text-danger dll
fitur dan komponen terbaru Boostrap 4
Style class text-color Boostrap 4

Card
merupakan komponen terbaru di Boostrap 4, hampir mirip 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 suplemen dari Boostrap 4 dan masih banyak lagi, mungkin lantaran ini masih dalam tahap beta. Silahkan Download Bootstrap 4 di situs resminya untuk mencoba-coba, semoga tidak penasaran ^_^.




, ,