2016-06-09 55 views
0

我的段落中有很多内容,我需要用图像包装内容。如何将图像与文本分开的文本-6分开

我该怎么做?

<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> 
+0

是那些失踪 “后,” COL-SM- 6个错别字? – KRONWALLED

+0

请创建一个图像展示你在找什么 –

+0

类似的东西 - http://cdn.free-power-point-templates.com/articles/wp-content/uploads/2012/05/wrapping-text.jpg – george

回答

0

简单:

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

如果你必须使用col-sm-6,这给你类似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>