Breaking

Saturday, October 7, 2017

Tutorial Bootstrap Part 7 : Jumbotron pada Bootstrap

Assalamu'alaikum W. W

Abdul Hafid Gunawan - Hai sobat setia SC Blog, Alhamdullilah pada kesempatan hari ini saya masih bisa mensharing Ilmu saya dengan tema lanjutan yaitu Bootstrap Part 7.

PENGERTIAN
SleepingCodings - Jumbotron ialah suatu fitur yang terdapat di Bootstrap yang menunjukkan kotak abu - abu besar yang di gunakan untuk informasi setiap page / halaman yang di khususkan seperti Dashboard.

PENGGUNAAN JUMBOTRON ADA 2 YAITU :
  1. .jumbotron
  2. .jumbotron .jumbotron-fluid
PEMBAHASAN
  • Jumbotron
Jumbotron biasa memiliki nilai / class seperti container yang memiliki width 85% ukuran layar.
  • Jumbotron-Fluid
Jumbotron Fluid memiliki nilai / class yang sama seperti container-fluid yang mana, jumbotron tersebut memiliki width 100%.

LATIHAN JUMBOTRON 
Nah, ikuti Tutorial membuat Jumbotron di bawah ini, tulis codingnya dari awal ya biar paham :D .


KESIMPULAN
Penggunaan Jumbotron sangatlah mudah, Jumbotron biasa di gunakan untuk penanda Dashboard.

REFERENSI
-https://www.w3schools.com/bootstrap4/bootstrap_jumbotron.asp
 

No comments:

Post a Comment