Bootstrap 中屏位置布局错误

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>

大屏图片：

中等屏幕图像：

Answer 1

p.s。根据您提供的URL

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

看来您已经编辑了 bootstrap.css 核心文件并将 float: left 变为 float: right

Bootstrap 中屏位置布局错误

Bootstrap position layout error for medium screen

css

responsive-design

twitter-bootstrap