Юрий

Буквально на соседней странице в документации всё написано.

Убрать justify-content: space-between;

<div class="row row-cols-2 row-cols-lg-5">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
  <div class="col">4</div>
  <div class="col">5</div>
  <div class="col">6</div>
</div>

Для сброса/переопределения отступов в бутстрапе есть целый набор utility-классов. Конкретно для задания нулевого паддинга есть .p-0 и его responsive-аналоги, с брейкпойнтами.
Но в вашем случае, как уже правильно сказали выше, контейнер просто не нужен. Однако чтобы не было горизонтального скролла из-за отрицательных отступов у .row, придётся добавить родителю .overflow-hidden.

Не нужно ни от чего избавляться, начиная с версии 4.4 специально для вас завезли responsive-контейнеры, которые 100% ширины до нужного брейкпойнта: https://getbootstrap.com/docs/4.6/layout/overview/...

Прозреваю дефолтный display: inline у картинок. Нужно либо сбросить у родителя font-size в ноль, либо сделать его display: flex.

Очередной наркоманский баг Сафари. В 14 версии, судя по всему, таки пофикшен.
Как вариант, можно добавить сроке .flex-lg-nowrap, чтобы она в принципе не переносилась на разрешениях, где должно всё входить в одну строчку.

Потому что на флоатах всё. Белые блоки с бордером по высоте больше на 2 пикселя, чем чёрные. Когда строка переносится, следующие за белыми блоки упираются в них, и получается дырка.

В принципе, флоат так и работает, бутстрап тут ни при чём. Другой вопрос: нафига вам флоаты, если у вас уже есть сетка бутстрапа?

Варианты решения: сделать все блоки одинаковой высоты, переверстать на флексе, переверстать на бутстрап-сетке.

Скорее всего, когда вы вешаете обработчик, элемента просто не существует, потому что бутстрап добавляет его только после того, как откроется дропдаун. Вешайте обработчик на document:

document.addEventListener('click', (event) => {
  if (event.target.classList.contains('dropdown-backdrop') {
    // нужный код
  }
})

Я бы посоветовал для начала почитать, как работают media query. В данном случае media (min-width: 768px) применяется ко всем экранам, ширина которых больше или равна 768. Ваши 1366 этому условию соответствуют.

Если нужно, чтобы отступ был только на брейкпойнте md, сбрасывайте его в следующем брейкпойнте, lg, добавив класс offset-lg-0.

В DOM-инспекторе кликните правой кнопкой на родительский div и поставьте галку на Break on subtree modifications. Потом через F10 ловите момент, когда нужный элемент появится.

Это на случай, если у компонента нет никакой опции, чтобы он оставался открытым всегда. А я подозреваю, что опция такая есть, но нужно читать доки.

Сделать в две колонки, добавить padding-left и padding-right на нужное значение. Там отступы от сетки вроде более-менее одинаковые.
А вообще за такое дизайнера нужно бить по рукам, особенно если нужен пиксель перфект.