css - Bootstrap 2 列中心标题

Question

我有一个“标题”，它是类 .row 和两列类 .col-md-2 和 .col-md-10。第一列是 Logo ，第二列是页眉。

我为你创建了一个 fiddle :http://www.bootply.com/TXG3QC7TNo

如何重叠两列，使标题不仅在列中真正居中？我用位置(标题 - 相对和列 - 绝对)尝试了它，但它破坏了响应能力!

Answer 1

你可以一次完成<div> :

<div class="container">
  <div class="row">
    <div class="col-md-12"><img src="http://placehold.it/100x100" alt="Logo"><h1 class="text-center">Test</h1></div>   
  </div>
</div>

并给你

img{position:absolute;}

所以你不会失去你的责任