Bootstrap Part 5 : Cara Membuat Jumbotron Dengan Bootstrap Untuk Pemula

cara-membuat-jumbotron-dengan-bootstrap-untuk-pemula

Cara Membuat Jumbotron Dengan Bootstrap Untuk Pemula

Oke bro.. Di tutorial belajar bootstrap kemarin kita telah belajar tentang ...

1. Cara menggunakan bootstrap.
2. Membuat table dengan design bootstrap.
3. Membuat tombol dengan bootstrap.
5. Dan penjelesan yang lainnya..

Jumbotron adalah bentuk yang dibuat untuk sebuah pengumuman, suatu kontent khusus maupun berisi tentang informasi tentang halaman website.
Jadi biasanya jumbotron ini di buat pada halaman depan website bro..
Dan warna jumbotron bootstrap secara default adalah berwarna abu-abu..
Bentuknya bulat pada sisi sudut jumbotron..
Di dalam jumbotron bisa berisi text yang bebas kita inginkan..

Asalkan kamu tahu sekarang ini banyak website yang menggunakan jumbotron untuk memberi informasi tentang halaman website di halaman depannya.
Enaknya.. Jumbotron bootstrap bisa kamu desai dengan css dan kamu design sesuai keinginanmu bro..

Eitss.. Namun kali ini kita akan belajar membuat jumbotron dengan bootstrap yang bergaya standar dari bootstrap sendiri.
Jadi kalo kamu ingin mengedit nya, akan kita bahas pada tutorial yang lain..
Kalo  mau silahkan kamu edit sendiri gak papa kok... hehehe..

Santaii broo..
Pertemuan depan kita akan mendesign jumbotron yang lebih menarik dan keren.
membuat jumbotron dengan bootstrap.

Jadi gini broo..

Untuk membuat jumbotron dengan bootstrap kamu bisa menggunakan element <div>..

Caranya gimana..?

Yap.. silahkan kamu copy kode ini dan paste di file index.php kemarin.




Dan ini hasil kita membuat jumbotron dengan bootstrap tadi...

cara membuat jumbotron dengan bootstrap untuk pemula

Dan ini demo membuat jumbotron dengan bootstrap..

Yuk bro di cek demonya..

See the Pen yoPVoP by penakngoding (@penakngoding) on CodePen.

Sudah..Cukup...Cukup..Sudah.. Cukup..Sampai.. Disini saja..
Cara Membuat Jumbotron Dengan Bootstrap Untuk Pemula

Daftar Tutorial Bootstrap Lainnya

Bootstrap Part 1 : pengertian dan cara menggunakan bootstrap untuk pemula.
Bootstrap Part 2 : membuat table dengan bootstrap untuk pemula
Bootstrap Part 3 : tamplan gambar dengan bootstrap
Bootstrap Part 4 : membuat tombol dengan bootstrap

Bootstrap Part 5 : membuat jumbotron dengan bootstrap
Bootstrap Part 6 : membuat alert dengan bootstrap (rilis besok tanggal 16-08-2017)
Lainnya masih rahasia yaa.. hehehe