<div class="container content">сама картинка в
<div class="col-md-6"> <img src="img/slide1.png" alt="">А текст в
<div class="col-md-4"></div> <div class="about-text"> <p>текст</p>
То есть в разных контейнерах на большом экране смотрится норма но когда экран сжимаешь то получается текст уходит в низ и под картинкой много свободного места остаётся., как сделать так что бы текст под картинку уходил при уменьшении окна?
Например, так:
<style> @media (max-width: 769px) { .bl-1 { float: left; width: auto !important; } .bl-2 { display: block; width: auto !important; } } </style> <div class="container"> <div class="row"> <div class="bl-1 col-md-6"> <img src="image.jpg" width="200"> </div> <div class="bl-2 col-md-4"> Текст... </div> </div> </div>