Ошибка размещения макета лотка для среднего экрана

Question

Я работаю на быстро реагирующем веб-сайте, где я сталкиваюсь с проблемой со средним экраном.

Чтобы решить эту проблему, я не могу найти причину возникновения этой проблемы?

На большом экране у меня есть изображение в левой стороне & Тексты в правой части. Но в среднем тексте экрана будет левая сторона & Изображение будет в правой части.

Не знаете, почему это происходит?

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 blog_individual_post"> 
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
     <img src="images/blog_dami.jpg" class="img-responsive img_space" /> 
    </div> 
    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12"> 
     <p class="blog_post_title">Pizza</p> 
     <p class="blog_post"> 

Pizza is an oven-baked flat bread generally topped with tomato sauce and cheese. It is commonly supplemented with a selection of meats, vegetables and condiments. The term was first recorded in the 10th century, in a Latin manuscript from Gaeta in Central Italy. The modern pizza was invented in Naples, Italy, and the dish and its variants have since become popular in many areas of the world. 

     </p> 
    </div> 
</div> 

Большой экран изображения:

Medium Screen Image:

Answer 1

P.S. На основании URL вы предоставили

1389 .col-md-12 { 
1390  float: right; 
1391 } 

Это швы вы редактировали bootstrap.css файл ядра и сделал float: left к float: right