Di kesempatan kali ini saya akan menjelaskan cara menambahkan row bootstrap di setiap beberapa kolom dengan PHP. Sebelumnya perlu teman-teman ketahui, ketika teman-teman ingin merancang katalog produk dengan bootstrap terkadang dibutuhkan pembungkus row di setiap beberapa kolom yang akan di tampilkan perbaris, dimana tujuan dari pembungkus row tersebut yaitu bagi memisahkan data kolom per baris. Dan mungkin teman-teman telah pernah membuatnya di html, lantas bagaimana sekiranya teman-teman ingin menggunakan nya di php, atau di pada hasil looping query mysql teman-teman di php, sebelumnya teman-teman lihat terlebih dahulu struktur html seperti berikut :
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
<div class=“row”>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
<div class=“col-md-4”></div>
</div>
|
Terlihat seperti contoh kode html di atas, dimana setiap 3 kolom grid, dibutuhkan pembungkus class row dan juga dengan penutup di ahir, lantas bagaimana cara mengaplikasikannya di pada kode php ?
Berikut Caranya :
- Sebelumnya teman-teman bikin terlebih dahulu database dengan nama latihan.sql
- Apabila telah, bikin satu buah tabel dengan nama produk, dengan spesifikasinya seperti berikut :
- Apabila telah teman-teman bikin lagi satu buah file dengan nama koneksi.php, dan tuliskan nkode seperti berikut :
