tRikSonic
Tema
Home / All Post

Bootstrap 3 Button Group - Tutorial Bootstrap Indonesia

Terakhir diperbarui : 22 Mei 2018 - 05.40
Tutorial Bootstrap 3 Button Group Button group pada Bootstrap digunakan untuk megelompokkan beberapa tombol atau button kesatu wadah container/pembungkus. Cara Penggunaan Button Group Untuk menerapkan button group gunakan element HTML <div> dengan nama class .btn-group : <div class="btn-group">...</div> . Contoh : < div class = "btn-group" > < button class = "btn btn-success" > Button 1 </ button > < button class = "btn btn-success" > Button 2 </ button > < button class = "btn btn-success" > Button 3 </ button > </ div > Hasil : Button 1 Button 2 Button 3 <!DOCTYPE html> <html lang="id"> <head> <meta charset="utf-8"/> <title>Triksonic Demo Bootstrap 3</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!--Bootstrap 3 css...
Baca selengkapnya

Bootstrap 3 Modal - Tutorial Bootstrap Indonesia

Terakhir diperbarui : 22 Mei 2018 - 05.41
Tutorial Bootstrap 3 Modal TrikSonic - Modal Bootstrap adalah kotak dialog seperti Box PopUp yang dapat digunakan untuk memberikan sebuah informasi kepada pengguna/user atau bisa juga digunakan untuk meminta user untuk melakukan tindakan yang diperlukan sebelum melanjutkan sebuah perintah. Dengan Bootstrap keperluan membuat sebuah kotak dialog atau modal dapat dilakukan dengan mudah, fleksibel dan modern. Berikut contoh dan tutorial yang bisa digunakan dalam pembuatan sebuah kotak dialog/modal. Cara Membuat Modal Bootstrap Untuk membuat modal dengan bootstrap silahkan pelajari contoh modal berikut : Contoh : <!-- tombol pemicu --> < button class = "btn btn-default" data-toggle = "modal" data-target = "#tesModal" > Buka Modal </ button > <!-- Modal --> < div class = "modal fade" id = "tesModal" > < div class = "modal-dialog" > < div class = "modal-cont...
Baca selengkapnya

Bootstrap 3 Well - Tutorial Bootstrap Indonesia

Terakhir diperbarui : 22 Mei 2018 - 05.44
Tutorial Bootstrap Well TrikSonic - Komponen Bootstrap Well mirip dengan panel karena merupakan sebuah box atau kotak dengan padding dan perbatasan dengan sudut membulat. Perbedaannya adalah bahwa well dimaksudkan untuk memberikan efek "inset" pada sebuah box. Well juga bisa digunakan untuk menempatkan sebuah konten agar terlihat terpisah dari konten yang ada disekitarnya Standar Well Tambahkan class .well sebagai class dasar pada element HTML. Contoh : < div class = "well" > Konten kamu disini </ div > < p class = "well" > Teks kamu disini </ p > Hasil : Konten kamu disini Teks kamu disini <!DOCTYPE html> <html lang="id"> <head> <meta charset="utf-8"/> <title>Triksonic Demo Bootstrap 3</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!-- CSS Bootstrap 3 --> <link href='https...
Baca selengkapnya

Bootstrap 3 Table - Tutorial Bootstrap Indonesia

Terakhir diperbarui : 22 Mei 2018 - 05.46
Tutorial Bootstrap Table TrikSonic -Tabel HTML digunakan sebagai element yang mewakili Data Tabular, yang berisi informasi data yang terdiri dari kolom dan baris. Lihat tutorial Tabel HTML untuk mempelajari lebih lanjut tentang tabel. Dengan bootstrap untuk menampilkan sebuah table sangat mudah untuk dilakukan, efisien, serta memiliki tampilan yang modern. Default Table Secara default bootstrap table menggunakan class .table sebagai class dasarnya, yang dituliskan pada element HTML <table> Contoh : < table class = "table" > < thead > < tr > < th > # </ th > < th > Nama </ th > < th > Umur </ th > </ tr > </ thead > < tbody > < tr > < td > 1 </ td > < td > Anshari </ td > < td > 5 Tahun </ td > </ tr > < tr > < td > 2 </ td > < ...
Baca selengkapnya
Postingan Lebih BaruBerandaPostingan Lama