css - 如果图像在右边，我如何自动换行？

Question

我试图让一些文本环绕放置在右侧的图像(对于放置在左侧的图像，它会自动环绕)。关于如何做到这一点的任何想法？这就是我现在所拥有的。

<div class="row clear">
    <div class="col-md-7 text-left">
          <div class="heading">Blash blah blsh</div>
                <div class="feature-txt-body">This is a long piece of text that is so long that it needs to break into multiple lines. I am now writing some jibberish text and I have no idea what I am writing. I need to <b>only</b> focus on what's relevant to you. Now if you look at this line, it is not wrapping around the image.</div>
          </div>
    <div class="col-md-3">
     <div id="image"></div>
     </div>
</div>

Answer 1

您可以使用 Bootstrap 的 .pull-right 类(基本上只是一个 float:right)来实现此目的而无需使用列。

你可以看到它在这个 bootply 中工作:http://www.bootply.com/sc6dvO9rj3

HTML(整理了一下):

<div class="row">
  <img class="pull-right" width="100" height="100" src="..." />
  <h1>Blah blah blah</h1>
  <p>
      This is a long piece of text that is so long that it needs to break into multiple lines. I am now writing some jibberish text and I have no idea what I am writing. I need to <strong>only</strong> focus on what's relevant to you. Now if you look at this line, it is not wrapping around the image.
  </p>   
</div>