button - 使用 href 时无法获得 Bootstrap 按钮以对齐中心

Question

如果我删除标签，按钮会完美对齐，但不会链接。我已经尝试了多种 anchor 组合，但没有成功。请帮忙。

不对齐中间:

<div class="span12" style="text-align:center">
    <a href="mailto:partnerships@medicaldoctorapps.com">
      <button class="btn btn-large btn-primary">Contact us to get started</button>
    </a>
</div>

对齐中间精细但没有链接:

<div class="span12" style="text-align:center">
    <button class="btn btn-large btn-primary">Contact us to get started</button>
</div>

Answer 1

你肯定有一些其他的 CSS 冲突，看看这里没有 CSS，它们看起来都很好 (http://jsfiddle.net/4kZ3p/)。您是否使用过检查元素 (https://developers.google.com/chrome-developer-tools/docs/elements)？在调试 CSS 时它是一个方便的工具。

在 css 中查找 A 标签。

-肯

需要添加此代码以使 jsfiddle 提交，但它只是您上面的代码:

<div class="span12" style="text-align:center">
   <a href="mailto:partnerships@medicaldoctorapps.com">
      <button class="btn btn-large btn-primary">Contact us to get started</button>
    </a>
</div>

<div class="span12" style="text-align:center">
    <button class="btn btn-large btn-primary">Contact us to get started</button>
</div>