总是满足于留在下一个孩子的中间?

时间:2014-03-22 20:10:04

标签: css html5 twitter-bootstrap-3 vertical-alignment

我正在为我正在创建的网站使用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>

这是工作小提琴 http://jsfiddle.net/gSmRw/

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

enter image description here

1 个答案:

答案 0 :(得分:0)

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

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

为图像div包装器提供1%的宽度非常重要,因此单元格不会比图像宽。