Question

当我在Twitter-Bootstrap 3中屏幕折叠到小而小的时候，右边的图像出现问题时会出现问题。对于中型和大型显示器，它仍然在右边。第一行是左侧的图像，右侧的文本在所有屏幕尺寸上折叠时仍然包裹图像并且工作正常 - 没有问题。我希望下面显示的第二行让文本在所有显示尺寸上保持缠绕图像，就像第一行一样。你能帮我吗？我非常感激。

    <div class="row">
       <div class="col-md-3 col-md-offset-1">
        <img src="images/my-image-on-the-left.jpg" alt="my image" width="219" height="148" align="left" />
       </div>  <!--col -->
        <div class="col-md-6"><p><br /> Text goes here and wraps around the image on left no problem</p>
         </div>  <!--col -->
     </div> <!-- row -->
  <br />
   <div class="row">
      <div class="col-md-6 col-md-offset-1">
     <p> Text goes here but only wraps around the image on the right on medium and large displays</p>
      </div><!--col -->
     <div class="col-md-3"> <img src="images/my-image-on-right.jpg" alt="image-right" width="246" height="259" align="right" /> </div><!--col --> 
   </div><!-- row -->

Answer 1

为xs设备添加媒体查询，并浮动图像以便文本包含在移动设备上。

highmem

Bootstrap - 当列折叠时，图像不会环绕文本

1 个答案: