Я пытаюсь выровнять изображение с левой стороны с текстом, используя boostrap, и когда страница просматривается на мобильных устройствах, изображения становятся центрированными поверх текста!
<div class="container">
<div class="row">
<h1>About Me</h1>
</class>
<div class="col-md-4">
<div class="imgAbt">
<img width="220" height="220" src="img/me.jpg">
</div>
</div>
<div class="col-md-8"><p>Lots of text here...With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a .clearfix and o</p></div>
</div>
</div>
Я также пробовал .col-md-3 .col-md-pull-9
вместе с .col-md-9 .col-md-push-3
, однако мне все еще не удалось достичь желаемых результатов похожих на этот проект