Belajar bootstrap (2) membuat table
Melanjutkan tulisan ini belajar bootstrap (1)
Membuat table
Script yang digunakan adalah :
Tulis script tersebut pada text editor, kemudian simpan dengan nama table_bootstrap.html seperti pada tulisan belajar bootstrap (1)
Tulis script tersebut pada text editor, kemudian simpan dengan nama table_bootstrap.html seperti pada tulisan belajar bootstrap (1)
Jika script tersebut dijalankan maka tampilannya akan seperti ini :
Class css bootstrap yang digunakan
.container :
ini digunakan untuk membuat container sehingga tampilan akan lebih mnjorok ke tengah.table
digunakan untuk membuat table bootstrap
.table-bordered
digunakan untuk membuat table dengan border
.table-striped
digunakan untuk membuat table mempunyai warna selang-seling.table-hover
digunakan untuk membuat table mempunyai effect berubah warna ketika kursor diletakkan di atas table
No comments:
Post a Comment