Почему изменение размера div в bootstrap не работает должным образом?

Если изменение размера div в Bootstrap не работает должным образом, причиной может быть необходимость правильного использования классов Bootstrap или наличие переопределений стилей в пользовательском CSS.

Bootstrap предоставляет классы для изменения размера div-элементов, такие как "col-6" или "w-50", которые позволяют задать ширину элемента в зависимости от ширины контейнера. Если классы применены неправильно или стили переопределены, это может привести к неправильному изменению размеров div.

Что касается построения div-элемента с вложенными в него другими div-элементами, в Bootstrap это обычно реализуется с помощью системы сеток. Для этого можно использовать классы "row" и "col", которые позволяют создавать гибкую и отзывчивую сетку, состоящую из вложенных div-элементов.

Пример:

```
<div class="row">
  <div class="col-6">
    <div class="nested-div">Вложенный div 1</div>
  </div>
  <div class="col-6">
    <div class="nested-div">Вложенный div 2</div>
  </div>
</div>
```

В этом примере создается ряд (row) с двумя колонками (col-6). В каждой колонке находится вложенный div с классом "nested-div". Он будет наследовать размеры и стили родительских div-элементов.

Чет прям какой то трэш с html и css ))) 
 
.container-fluid .row {
  margin-left: -5%;
}

.img-fluid {
  padding-left: 50%; /* Отступы в процентах */
  max-width: 200%; /* Максимальная ширина 100% */
  max-height: auto; /* Максимальная высота автоматически */
  left: 0;
  width: 200%;
  height: 600px; ...
 - это вас кто так научил?))) 
 
<div class="col-md-6">
              <div class="col-12">
                  <div class="img-fluid" alt="Image"></div>
              </div>
          </div>
 - col в col обычно не вкладывают (надо .row > .col) 
 В общем либо у вас учителя прям печальные, либо верстка это не ваше)