2014-12-01 163 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