如何确保我的标题始终以全宽和响应为中心？

Question

我在使用Twitter Bootstrap 3的固定宽度列中有一个标题。从正确的设计角度来看，确保它在全屏宽度和时间范围内居中的最佳方法是什么反应最小化？

.firstheader {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-family: 'Prosto One', cursive;
  font-size: 24px;
}

<div class="row">
  <div class="content col-md-8">
    <h1 class="firstheader"> Header Goes Here! </h1>
  </div>
</div>

Answer 1

col-xs-12 col-md-8 col-md-offset-2 text-center

http://jsfiddle.net/isherwood/7p5Bw