Membuat Table Dengan Bootstrap

Membuat Table Dengan Bootstrap  , jangan lupa siapkan file bootstrap nya kalo belum silahkan download disini

Untuk membuat table dengan bootstrap caranya sangat mudah. anda hanya perlu memasukkan class-class bootstrap yang di gunakan untuk mendesign table. Adapun beberapa class bootstrap yang di gunakan untuk design atau membuat table adalah sebagai berikut.

• .table
  class ini di gunakan untuk mendefinisikan atau membuat table standar/ table biasa.
• .table-striped
  table-striped merupakan class tambahan untuk membuat table dengan menggunakan bootstrap. class ini berfungsi untuk membuat baris table yang bergaya belang-beling (strip).
• .table-bordered
  table-bordered di gunakan untuk membuat table yang memiliki garis dan termasuk class tambahan pada bootstrap untuk mendesign table.
• .table-hover
  table-hover merupakan class tambahan untuk mendesign table menggunakan bootstrap. table hover di gunakan untuk membuat efek hover pada row table pada saat cursor mouse di letakkan di atas row table.

 Berikut scriptnya :

Berikut Hasilnya :

Demikian tutorialnya sekian dan terimakasih

Read More

Membuat Form Dengan Bootstrap

Membuat Form Dengan Bootstrap  , jangan lupa siapkan file bootstrap nya kalo belum silahkan download disini

Dalam hal ini kita membuat bermacam form berikut macam nya :

• Form dengan model vertikal/standar
  form degan model vertikal ini merupakan form default bootstrap.
• Form dengan model inline
  form dengan model inline adalah sebuah form yang label dan form inputnya terletak sebaris.
• form dengan model horizontal
  form dengan model horizontal ini merupakan form yang memiliki bentuk horizontal. artinya posisi label dan input form terletak horizontal. 

Berikut scriptnya  :

Berikut hasilnya :

Demikian tutorialnya sekian dan terimakasih

Read More

Membuat Tampilan Halaman Admin Sederhana Dengan Bootstrap

Membuat Tampilan Halaman Sederhana Admin Dengan Bootstrap  , jangan lupa siapkan file bootstrap nya kalo belum silahkan download disini

berikut script nya


berikut hasil nya

Demikian tutorialnya sekian terimakasih

Read More

Membuat Halaman Login Dengan Bootstrap

Membuat halaman login dengan bootstrap , jangan lupa siapkan file bootstrap nya kalo belum silahkan download disini

berikut script nya



dan ini hasilnya

Demikian tutorial nya sekian terimakasih :D

Read More

Belajar Bootstrap Tingkat Dasar

Berikut ini saya berbagi materi Bootstrap  tingat dasar, sebelumnya silakan anda download file Bootstrap  dan jquery-3.2.1.min terlebih dahulu disini.

Contoh index1 :
Hasil index1 :

Contoh index2 :
Hasil index2 :

Contoh index3 :
Hasil index3 :

Contoh index4 :
Hasil index4 :

Contoh Form1 :
Hasil Form1 :

Contoh Form2 :
Hasil Form2 :

Contoh Form3 :

Hasil Form3 : 

Read More