如何使用Bootstrap 3.0将徽标和文本对齐在同一行？

Question

使用Bootstarp 3.0，我希望水平对齐徽标和文本。代码就像：

<div>        
  <div >
<img class="" alt="" src="/img/my_logo.gif"></img>
  </div>
  <div >
     <p>My text</p>
  </div>
</div>

我可以使用bootstrap的网格系统，但我不想定义宽度。我想要的是，第一列是位图的with，而第二列（文本）的with是剩余的空间。

Answer 1

使用Bootstrap的list-inline ..

  <ul class="list-inline">
    <li><img src="//placehold.it/150x50"></li>
    <li><p>My text</p></li>
  </ul>

演示：http://www.bootply.com/126441

Answer 2

你的div没有bootstrap类

我建议您查看＆＃34; row＆＃34;用于对齐div的boostrap-class

例如

<div class="row">
  <div class="col-xs-6">img</div>
  <div class="col-xs-6">text</div>
</div>