css - 总是满足于待在下一个 child 的中间？

Question

我正在为我正在创建的一些网站使用 Boostrap 3，接下来我想做什么。

代码如下

<section class="container-fluid">
  <div class="container">
    <div class="row">
      <div class="col-md-6"><img class="img-responsive" src=
      "http://webdesignledger.com/wp-content/uploads/2009/09/logo_design_4.jpg" /></div>

      <div class="col-md-6">
        <h2">Lorem ipsum dolor</h2>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Aenean eu sollicitudin felis. Vestibulum vitae imperdiet nibh. Curabitur euismod
        auctor libero sit amet varius. Maecenas eu porta libero. Pellentesque et sem et
        turpis scelerisque hendrerit vel ac nibh. Nam tempor ullamcorper scelerisque.
        Aenean accumsan ac justo ac laoreet. Aliquam eu libero</p>
      </div>
    </div>
  </div>
<section>

这是工作 fiddle http://jsfiddle.net/gSmRw/

在大屏幕上，文字总是在图片中间对齐，我不知道图片会有多大，也许小也许大，任何想法或帮助。 这是我想要制作的图片以及它必须如何查找

Answer 1

http://jsfiddle.net/gSmRw/3/

我基本上是在 .container 元素中添加了一个 calss table 并将此容器的 CSS 更改为表格样式。

将图像 div 包装器的宽度设置为 1% 很重要，这样单元格就不会比图像宽。