CSS: дополнительная граница не нужна

Question

Я использую Bootstrap4.

У меня есть строка с 2 col-md-6 (они составляют до 12 столбцов для строки).

Однако у моего левого седла есть дополнительное поле, которое мне не нужно / не нужно. Вы можете увидеть его на следующем изображении в виде фиолетового поля.

Как от этого избавиться?

HTML

<header class="my_header_bg_color">
  <br>
  <br>
  <div class="row margin_right_zero">
      <div class="col-md-6">
        <div class="my_custom_banner_left">
            <p class="my_title_banner">Stickers<br>personalizados</p>
            <p>Fáciles de ordenar por internet, diseño de conceptos gratis, envíos rápidos </p>
            <div class="row">
              <div class="col-md-6">
                  <a href="stickers" class="btn btn-azul text-white btn-block">Comprar</a>
              </div>
              <div class="col-md-6">
                  <a href="{% url 'shop:SamplePackPage' %}" class="btn btn-naranja text-white btn-block">Muestras
                  </a>
              </div>
            </div>
        </div>
      </div>
      <div class="col-md-6 ml-auto">
        <img src="{% static 'img/banner-home2.png' %}">
      </div>
  </div>
</header>

Обновление 1:

По всей видимости, оно доходит до нижнего колонтитула.

Answer 1

Насколько я знаю, Bootstrap автоматически устанавливает левое и правое поле для элементов row и container в -15px. Использование простого CSS и установка левого и правого поля для этих элементов в 0 должны решить вашу проблему. Если вам нужно решение на чистом HTML (без CSS), я не знаю, что оно существует.