2014-12-01 129 views
0

我试图对齐图像旁边的一些文本,但没有成功。我想要的是这张图片旁边的图片是白色空间。Bootstrap对齐图像旁边的文本

<p>Text -1 </p> 
<p>Text -2 </p> 
<p>Text -3 </p> 
<p>Text -4 </p> 

这是我到目前为止。 http://jsfiddle.net/scc7we9r/

+0

您是否尝试过在图像上使用'float:left'? – 2014-12-01 21:46:15

+0

白色浮动左边的文字仍然在图像下方。 – Goro 2014-12-01 21:49:07

回答

2

新编辑:

JSFiddle

<div class="col-lg-7 col-md-12"> 
    <div class="container-fluid"> 
    <div class="col-xs-4"> 
     <img src="http://www.explore-usa.org/site/images/golden_gate.png" width='200' /> 
    </div> 
    <div class="col-xs-8"> 
     <p>Name: Name</p> 
     <p>Text -1</p> 
     ... 
    </div> 
    </div> 
</div> 

环绕在另一个containercol-xs两个对象(图像和文本)来完成sudo的浮动。

+0

我只想要'text -1,2,3,4'的段落。惠特像你告诉我我得到这个http://jsfiddle.net/scc7we9r/3/ – Goro 2014-12-01 21:54:58

+0

是的。那么所有这一切呢。 1秒。 – 2014-12-01 21:55:30

+0

将无法​​进一步更新;工作日完成。希望有助于思考! – 2014-12-01 22:00:38