如何在 col-6 中将图像与文本分开答案

【问题标题】：How to wrap image with text separate in col-6如何在 col-6 中将图像与文本分开
【发布时间】：2016-06-09 23:35:59
【问题描述】：

我的段落中有很多内容，我需要用内容包装图像。

我该怎么做？

<div class="row">
 <div class="col-sm-6>
  <img src="something/something.jpg alt="something" />
 </div>
 <div class="col-sm-6>
  <p>some loooong text</p>
 </div>
</div>

【问题讨论】：

在 "col-sm-6 错别字之后是否缺少 "？
请创建一张图片来展示您正在寻找的内容
类似的东西 - cdn.free-power-point-templates.com/articles/wp-content/uploads/…
但问题是我在 col-sm-6 中需要单独的文本和 img
你可以使用 CSS Shapes drafts.csswg.org/css-shapes

标签： html image text twitter-bootstrap-3

【解决方案1】：

如果您必须使用 col-sm-6，这会为您提供类似于 cmets 中 your link 的内容：

<div class="row">
    <div class="col-sm-6">
        <p>First paragraph...</p>
        <p>Second paragraph....</p>
    </div>

    <div class="col-sm-6">
        <img src="" />
    </div>
 </div>

 <div class="row">
    <div class="col-sm-12">
        <p>Third paragraph...</p>
    </div>
 </div>

【讨论】：