我正在响应式网站上工作,但我遇到的屏幕中等问题。
为了解决这个问题,我找不到为什么会出现这个问题?
在大屏幕上,我的图像在左侧,文本在右侧。
但是在中等屏幕中,文本将在左侧,图像将在右侧。
不知道为什么会这样吗?
<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>
大屏幕图像:
中屏图片:
最佳答案
ps。根据您提供的URL
1389 .col-md-12 {
1390 float: right;
1391 }
它表明您已编辑
bootstrap.css
核心文件并将float: left
更改为float: right
关于twitter-bootstrap - 中型屏幕的引导位置布局错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30277448/