Bootstrap 2列中心标题

Question

我有一个“标题”，即类.row和两个列.col-md-2和.col-md-10的列。在第一列中有徽标，在第二列中有页面标题。

我为你创造了一个小提琴：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;}

所以你不会放松你的责任

Answer 2

h1标签是一个块级元素，尝试添加＆＃39; display：inline-block＆＃39;它。