taras1978
@taras1978
почти программист

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

При верстке макета на 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>
  • Вопрос задан
  • 297 просмотров
Пригласить эксперта
Ответы на вопрос 1
taras1978
@taras1978 Автор вопроса
почти программист
Проблемма была в слишком длинном заголовке
Value Proposition of Your Product
Решилось изменением размера шрифта.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы