Михаил Р.

хотел бы узнать в какую сторону смотреть

если бы это было написано на чистых гридах все бы было ок. но это Bootstrap 5

.items {
    grid-auto-columns: 100px;
    grid-auto-flow: column;
}

А при добавлении картинок с бд они все идут в один столбец.

include("bd.php");

mysqli_query($bd, "SET NAMES utf8 COLLATE utf8_unicode_ci");

$res = mysqli_query($bd, "SELECT * FROM kat");

echo '<div class="container">';
echo '<div class="row">';

while($row = mysqli_fetch_array($res)) {
    echo '<div class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-2">';
    echo '<img src=img/tovar/' . $row['img'] . ' class="img-fluid"/>';
    echo '</div>';
}

echo '</div>';
echo '</div>';

Встал следующий вопрос - как реализовать подгрузку меню сайта (навбара), чтобы в случае необходимости (например нужно будеть добавить пункты меню для сайта) не пришлось переписывать все страницы сайта, а изменить только сам навбар, который все страницы сайта уже самостоятельно подгрузят себе.

если bootstrap ее ограничивает

видимо бутстрап такого не предусматривает

<div class="container"> <!-- max-width: 1200px -->
	<div class="row">content</div>
</div>

<div class="container-fluid"> <!-- max-width: 100% -->
	<div class="row">content</div>
</div>