01.<!DOCTYPE html>
02.<html lang="en">
03.
04.<head>
05. <meta charset="UTF-8">
06. <meta name="viewport" content="width=device-width, initial-scale=1.0">
07. <meta http-equiv="X-UA-Compatible" content="ie=edge">
08. <title>Document</title>
09. <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
10.
11.</head>
12.
13.<body>
14.
15.
16. <div class="container">
17. <div class="row">
18. <div class="col text-center mt-5 bg-dark text-white p-2 m-3">
19. แสดงสินค้า
20. </div>
21. </div>
22. </div>
23.
24.
25.
26. <div class="container">
27. <div class="row">
28. <?php for ($i = 0; $i < 12; $i++) { ?>
29.
30. <div class="col col-md-4 col-lg-3 -webkit-box-flex: 0;">
31.
32. <div class="card mb-4">
34. <div class="card-body">
35. <h5 class="card-title">Card title <?php echo $i+1 ?></h5>
36. <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
38. </div>
39. </div>
40.
41. </div>
42.
43. <?php } ?>
44. </div>
45. </div>
46.
47.
48. <script src="node_modules/jquery/dist/jquery.min.js"></script>
49. <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
50. <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
51.</body>
52.
53.</html>
