Bootstrap: Modal

Assalamualikum wr.wb

Kali ini saya akan membagika tentang Bootstrap Modal yaitu adalah kotak Pop up yang Muncul ketika button di klik
Bootstrap menyedikan pemangilan Modal dengan mudah
bisa lihat contoh dibawah ini:

nah itu adalah contoh sederhana dari penulisan Modal
bisa kalian kembangkan sendiri sesuai dengan kebutuhan
mungkin itu saja dari saya semoga bermanfaat
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Proges Bar

Assalamualaikum wr.wb

kali ini saya akan membagikan tentang Bootstrap Proges Bar yang digunakan untuk menunjukan pengguna seberapa ia jauh dalam proses
Bootstrap menyediakan beberapa beberapa Proges bar
contoh sederhana:

proges bewarna:

Proges bar bergaris

ya mungkin itu saja yang bisa saya bagi
semoga bermanfaat
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Boostrap: Pagination

Assalamualaikum wr.wb

Bootsrap Pagination dibuat untuk membatasi data yang banyak agar dipisah menjadi menjadi beberapa halaman.hal ini digunakan untuk mempercepat load data dan membuar ringan untuk diakses tapi di Bootstrap kita hanya membuat tampilanya
contoh:
Scriptnya

Read More

Bootstrap: Input Sizing

Assalamualaikum wr.wb

pada hari ini saya akan membagikan tentang inpuy sizing atau ukurab masukan pada Bootstrap, kalian juga bisa mengatur tinggi masukan dengan input-lg, input-sm dan mengatur lebar dengan mengatur lebar dari kolom menggunakan col-sm- col-lg

contoh input sizing:

mungkin itu saja yang bisa saya bagikan pada kali ini semoga bermanfaat dab nerguna jika ada kekurangan atau kesalahan saya minta maaf
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Tooltip

Assalamualalikum wr.wb

kali ini saya akan membagikan cara membuat Tooltip melalui Bootstrap
Tootip adalah plug-in kota pop up kecil yang muncul ketika kursor diarahkan ke kontent
contoh sederhana tooltip:

ya mungkin ini saja yang bisa saya bagikan pada kali ini semoga bermanfaat
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Carousel

Assalamualaikum wr.wb

kali ini saya akan membagikan tentang Carousel, Carousel adalah adalah slideshow merupakan proses menampilkan gambar gambar yang diberi efek slide

contoh sederhana:

nah mungkin itu contoh sederhana yang bisa saya bagikan
mungkin bisa dikembangkan sendri
selamat mencoba bisa lihat selengkapnya diwww.w3schools.com
referensi:www.w3schools.com
Wassalamualaikum wr.wb

Read More

Bootstrap: Penempatan Javascript Booststrap dan jquery

Assalamualaikum wr.wb

kali ini saya akan membagikan penampatan js Bootstrap
hal ini kadang diangap tidak penting tapi hal ini mempunyai efect yang penting karena jika salah penempatan efek dalam content pun akan gagal
contoh yang menggunakan Bootsrap js ,dan satu hal selain Bootstrap.js kita jika perlu menambahkan jquery
contoh penggunaan Bootstrap.js dan jquery

• Affix
• Allert
• Button
• Carousell
• Collapse
• Dropdown
• Modal
• Popover
• Scrollspy
• Tab
• Tolltip

 Penulisanya

nah itu adalah penulisanya
keterangan:

• jquery.min.js ditulis dahulu sebelum Bootstrap.js
• pemanggillan melalu <script>
• pemanggilan di dalam tag head

mungkin itu saja yang bisa saya bagikan semoga bermanfaat
Wassalamualikum wr.wb

Read More

Bootstrap: Input

Assalamualaikum wr.wb

kali ini saya akan membagikan input dengan Bootstrap ,
ini ada beberapa cara membebuat input dengan Bootstrap
Input typt input:
 1.input

2.input type checkbox

mungkin itu saja yang bisa saya bagikan kali ini dan masih ada input class lainya ,semoga bermanfaat
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Form

Assalamualaikum wr.wb
Kali ini saya akan membagikan membuat form dengan menggunakan Bootstrap
dengan menggunakan form-control pada input untuk mengatur width menjadi 100%
contoh:
menggunakan form class inline

 menggunakan form class horisontal

nah diatas mungkin adalah contoh dari form Bootstrap
mungkin itu saja yang bisa saya bagikan
referensi:www.w3schools.com

Wassalamualaikum wr.rb

Read More

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