Apa Itu Bootstrap ?
Bootstrap adalah sebuah front-end framework yang keren, bagus dan mudah digunakan yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.
Kenapa Harus Menggunakan Bootstrap ?
Karena Bootstrap mudah digunakan dan sudah banyak digunakan oleh banyak pengembang website didunia.
Cara Menggunakan Bootstrap ?
Bagi yang belum mempunyai bootsrap silahkan download dibawah ini.
Download Now
1. Letakan Bootstrap pada folder, seperti dibawah ini contohnya
2. Tambahkan link bootstrap dibawah ini.
2. Tambahkan link bootstrap dibawah ini.
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
3. Letakan link didalam bagian <head>
4. Masukan script dibawah ini.
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>NIS</th>
<th>Nama Siswa</th>
<th>Kelas</th>
<th>Alamat</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>11522652</td>
<td>Ade Crisna</td>
<td>XII RPL 2</td>
<td>Jalan Harapan Mantan</td>
<td>
<button class="btn btn-success"><i class="fa fa-edit"> Edit</i></button>
<button class=" btn btn-danger"><i class="fa fa-trash"> Hapus</i></button>
</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th>NIS</th>
<th>Nama Siswa</th>
<th>Kelas</th>
<th>Alamat</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>11522652</td>
<td>Ade Crisna</td>
<td>XII RPL 2</td>
<td>Jalan Harapan Mantan</td>
<td>
<button class="btn btn-success"><i class="fa fa-edit"> Edit</i></button>
<button class=" btn btn-danger"><i class="fa fa-trash"> Hapus</i></button>
</td>
</tr>
</tbody>
</table>
5. Maka hasilnya akan seperti dibawah ini.
Jika ada yang ingin ditanyakan silahkan bertanya pada kolom komentar
Terima Kasih :)
0 komentar: