Bootstrap对齐图像旁边的文本

时间:2014-12-01 21:42:24

标签: twitter-bootstrap

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

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

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

1 个答案:

答案 0 :(得分: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中的两个对象(图像和文字)包围起来以完成浮动。