Tampilkan postingan dengan label html. Tampilkan semua postingan
Tampilkan postingan dengan label html. Tampilkan semua postingan
Membuat Table Dengan Bootstrap

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

    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 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

      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

      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