2

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

不对齐中间：

<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>
4

7 回答 7

7

您必须有其他一些 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>
于 2013-06-20T13:02:38.683 回答
2

Span 的 Insead 使用 Bootstrap 的默认 col 类。

   <div class="col-lg-12" style="text-align:center">                   
                        <button class="btn btn-large btn-primary">Contact us to get started</button>
                    </div>
于 2014-06-09T05:27:36.837 回答
2

在引导程序 4 中：

<div class="col-12 text-center">
    <a class="btn btn-outline-primary" href="mailto:partnerships@medicaldoctorapps.com">Contact us to get started</a>
</div>
于 2019-03-05T10:01:31.987 回答
1

正如 Ken Koch 所说，你可能有冲突。如果您使用 Google chrome 进行测试，请右键单击按钮，检查元素并选择“a”标签以查看它是如何受 css 影响的

于 2013-06-20T13:05:15.670 回答
0

如果您使用的是引导程序，请使用<a class = "btn btn-large btn-primary">

这是一个适合我的小提琴。 http://jsfiddle.net/HAsPV/

于 2013-06-20T13:00:42.887 回答
0

要使文本居中，您可以使用col-md-offset-3（可以根据需要使用数字）。

于 2017-05-24T10:58:08.543 回答
0 
<button type="button" class="btn btn-default center-block">Centered Button</button>
于 2018-01-23T20:37:10.487 回答