Bootstrap: List Group

Assalamualaikum wr.wb
kali ini saya akan membaikan List gruop di Bootstrap adalah kelompok daftar yang paling dafatr
contoh:

bisa juga menambahkan class lainya
contoh:

mungkin itu saja yang bagikan semoga bermanfaat
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Navbar

Assalamualaikum wr.wb
kali ini saya akan membagikan cara membuat Navbar dengan Bootstrap, dengan Bootstrap Navbar bisa memperpanjang atau runtuh tergantung pada ukuran layar
contoh:

nah itu dalah contoh navbar deafult tapi Bootstrap juga menyediakan navbar hitam
contoh:

nah itu lah hasilnya dan itu adalah contoh sederhana
kalian bisa mengembangkanya sendiri seperti menambah button ,icon dan bisa juga kalian menambah dropdown di menu navbarnya
mungkin itu saja yang bisa saya bagikaan
referensi:www.w3schools.com
Wassalamualaikum wr.wb

Read More

Bootstrap: Dropdown

Assalamualaikum wr.wb
kali ini saya akan memabgikan tentang Bootstrap dropdown. dropdown adalah menu toggle yang memungkinkan untuk memlih salah satu nilai dari daftar yang tersedia
contoh:

diatas adalah contoh sederhana untuk dropdown
ada juga class dropdown header, active,disabled dan dropup dan lainya
contoh dari bebearapa class dropdown

mungkin itu saja yang bisa saya bagikan
semoga bermanfaat ,jika ada kesalahan saya mohon maaf atau bisa lihat
referensiwww.w3schools.com
Wassalamualaikum wr.wb

Read More

Bootstrap: Collapse

Assalamualaikum wr.wb
kali ini saya akan membagikan tentang Bootstrap Collapse .Collapse berguna ketika ingin menyembunyikan kontent dan menampilknya lagi
contoh:

 keterangan:
 ketika button di klik maka content akan keluar danmketika di klik lagi maka content akan disembunyikan

mungkin itu saja yang bisa saya bagikan ,semoga bermanfaat dan bisa langsung dicoba
referensi:www.w3schools.com

Wassalamualaikaum wr.wb

Read More

Bootstrap: Alert

Assalamualaikum wr.wb
Kali ini saya akan membahas Alert di Bootstrap. Alert dalam Bootstrap digunakan untuk cara mudah membuat pesan atau peringatan yang telah ditetapkan

script:

hasil:

bisa kalian lihat contoh diatas dan pahami .langsung saja di contohkan agar tau hasilnya ,semoga bermanfaat
sekian dari saya
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Panel

Assalamualaikum wr.wb
kali ini saya akan mebagikan tentang Panel di Bootstrap. sebuah panel di Bootstrap adalah kotak dengan border dan beberapa padding disekitarnya, panel di buat dengan panel class dan content dalam panel mempunyai class panel body dan panel header
ini adalah contoh plus style panel:

nah itu adalah hasil dari panel bootstrap, mungkin bisa langsung dilakukan
semoga bermanfaat sekian dari saya
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Pager

Assalamualaikum wr.wb
Pager dalam Bootstrap merupakan juga Pagination, Pager menyedikan tombol sebelumnya dan berikutnya (Link)
dalam pager juga menggunakan ul
contoh:

ini adalah scriptnya
 

 

hasil

Read More