#bootstrap

Button List Group dengan Collapse Bootstrap

Button List Group dengan Collapse Bootstrap, merupakan gabungan dari 3 komponen yang ada di fitur Framework CSS Bootstrap. yaitu terdiri dari Button, List Group yang di gabungkan kedalam Collapse Bootstrap. Dengan di gabungkan ke 3 fitur ini dapat mempercantik wesite dan menghemat tempat karena menggunakan collapse. Selamat mencoba.

1
Level: Newbie
Est. time: 15 min

Tutorial Layouting : Membuat Grid Sama Tinggi

Salah satu masalah umum penggunaan Grid itu adalah mengatur tingginya biar rapi. Untuk bisa membuat grid yang benar-benar rapi dan sama tinggi, tentunya ada teknik-tekniknya yang simpel.. Disimak aja gih~ :D

0
Level: Newbie
Est. time: 15 min

Membuat Scrollspy Dengan Bootstrap

Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat active ketika kita berada di section tertentu ketika kita scroll? Ini bisa disebut sebagai Scrollspy. Scrollspy biasanya cocok untuk web yang bersifat single page, agar u...

1
Level: Newbie
Est. time: 30 min

Membuat modal fullscreen Bootstrap

Membuat modal fullscreen Bootstrap Pada CSS Framework telah tersedia modal, modal yang tersedia pada Bootstrap memiliki beberapa ukuran. Tetapi dari beberapa ukuran tersebut tidak ada ukuran yang full screen, untuk dapat membuat modal Full Screen ada tambahan CSS yang perlu di tambahkan, sehingga akan tercipta ukuran modal Full Screen yang di inginkan.Selamat mencoba .

0
Level: Newbie
Est. time: 15 min

Column Ordering Bootstrap

Column Ordering Bootstrap Ini melanjutkan tutorial saya tentang RWD (Responsive Web Design) dengan Grid System Bootsrtap. pada tutorial ini membahas tentang fitur pendukung dari grid system yang di sediakan Bootstrap itu sendiri, yaitu Colomn Ordering. Selamat mencoba .

0
Level: Newbie
Est. time: 15 min

Nesting Column Bootstrap

Nesting Column Bootstrap Ini melanjutkan tutorial saya tentang RWD (Responsive Web Design) dengan Grid System Bootsrtap. pada tutorial ini membahas tentang fitur pendukung dari grid system yang di sediakan Bootstrap itu sendiri, yaitu Nesting Colomn. Selamat mencoba .

0
Level: Newbie
Est. time: 15 min

Membuat modal Bootstrap

Membuat modal Bootstrap Modal atau di sebut juga pop up, sekarang sangat banyak di gunakan di website-website karena sangat memudahkan pengguna. Dengan adanya modal dalam suatu website maka akan menghemat tempat, karena tidak perlu pindah ke halaman selanjutnya, tetapi memunculkan isi konten berbentuk pop-up. Selamat mencoba .

0
Level: Newbie
Est. time: 15 min

RWD (Responsive Web Design) dengan Grid System Bootsrtap

RWD (Responsive Web Design) dengan Grid System Bootsrtap Bootstrap merupkakan Framework CSS yang sedang Booming tahun 2015 ini, karena kemudahan penggunaannya dan yang secara otomatis telah mendukung RWD atau di kenal dengan Responsive Web Design. Grid System merupakan teknik pembuatan Layout, pada framework CSS Bootstrap Grid di bagi 12.

1
Level: Newbie
Est. time: 15 min

Responsive Layout dengan Bootstrap [Part 2]

Salam jaco,, sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat layout responsive dengan grid sistem. Kalau di tutorial sebelumnya itu adalah dasar untuk membuat lebar layout website yang otomatis responsive, kali ini kita akan bermain dengan grid yang menyesuaikan diri untuk ukuran layar yang berbeda-beda.

0
Level: Standard
Est. time: 20 min

Membuat Layout Responsive dengan Container Bootstrap [Part 1]

Salam jagocoding~ sebagai lanjutan dari tutorial saya sebelumnya Membuat Responsive Layout dengan CSS Media Query, kali ini kita masih akan belajar layout responsive juga, tapi dengan bantuan Bootstrap. Peran bootstrap disini bukan untuk menggantikan CSS Media Query, tapi untuk membantu mempermudah, dan sebagai pelengkap layout responsive. Yang penasaran langsung simak aja yok~

8
Level: Standard
Est. time: 20 min