Anda di halaman 1dari 10

Bootstrap

By Ratih Nindyasari
Pengertian Bootstrap
• Framework atau tools yang didalamnya terdiri
atas CSS, HTML, JS yang dapat menghasilkan
template : Layout, Table, Form, Navigation, dll.
Cara mengaktifkan Bootstrap ke HTML
Table

Bootstrap
Tanpa Bootstrap
Table
Style dasar bagi tabel dengan cara : menambahkan
class .table kedalam tag <table> :
<table class="table table-bordered table-striped">

Keterangan :
• .table-bordered : class untuk membuat border tabel
• .table-striped : class untuk menghasilkan tampilan
tabel strip/belang/zebra (tidak berjalan jika di IE7
dan IE8)
Form Style Dasar
Search Form
Inline Form
Horizontal Form
Bentuk Horizontal Form