如何使用 Bootstrap 4 解决此布局，以调整行中列之间的空间 [重复]

Question

if ($result->num_rows > 0) {
            $x = 0;

            // output data of each row
            echo "<div class='row'>";

            while($row = $result->fetch_assoc()) {

                echo "<div class='col'><img class='img-fluid' src='img_pokemon/" . $row["link"] . "'></div>";

                $x++;

                if ($x == 3) {
                    echo "</div>";
                    echo "<div class='row'>";
                    $x = 0;
                }                   
            }       
            echo "</div>"; // first class: row
        } 

尝试像下图那样进行网格视图（使用 Bootstrap 4 连续 3 个图像） 但我无法删除列之间的空格（图中圈出的位置。）

Answer 1

将类“.px-0”添加到 col 以删除空间