twitter-bootstrap - 中屏幕的 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

附注基于URL你提供了

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

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