Почему не работает адаптация в Bootstrap?

Question

[Тарас Паращук]

При верстке макета на bootstrap получилось так, что столбец при переносе (изменении размеров экрана на "sm") заезжает на следующий row.
То есть адаптация не работает почему то. Сам не могу разобраться.
Код даю.

<!-- Это первый блок-->
<div class="container-fluid">
        <div class="container">
            <div class="row" >
                <div class="col-md-6">
                        <img class="img-fluid" src="g:\\temp\landing\src\iBuds3sm.png" alt="">
                 </div>
<!-- Это столбец который наезжает на следующий блок-->
                <div class="col-md-6">
                       <div class="mb-5 mt-4"><h2>Value Proposition of Your Product</h2></div>
                       <div class="problem1">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellat, </div>
                 </div>    
            </div>
        </div>  
    </div> 

<!-- Это второй блок-->
<div class="container-fluid">
              <div class="container">
                  <div class="row">
                        <div class="col-sm-12">
                            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic labore, impedit eum praesentium quod eveniet reiciendis adipisci ut perferendis rerum.
                        </div>
                  </div>
              </div>
          </div>

Comments

[Дмитрий]

зачем влаживать container в container-fluid?

[bedolazhka]

Дмитрий, ну да - жоска.

Answer 1

[Тарас Паращук]

Проблемма была в слишком длинном заголовке
Value Proposition of Your Product
Решилось изменением размера шрифта.