Button 使用href时无法使引导按钮对齐中心
如果我移除标签,按钮将完全对齐,但不会链接。我尝试了多种锚定组合,但都没有成功。请帮忙 中间不对齐:Button 使用href时无法使引导按钮对齐中心,button,twitter-bootstrap,Button,Twitter Bootstrap,如果我移除标签,按钮将完全对齐,但不会链接。我尝试了多种锚定组合,但都没有成功。请帮忙 中间不对齐: <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<
<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>
请与我们联系以开始
如果您使用的是bootstrap,只需使用您必须有一些其他CSS冲突,请在没有CSS的情况下查看此处,它们看起来都很好()。您使用过inspect元素()吗?在调试CSS时,它是一个方便的工具
在css中查找A标记
-肯
需要添加此代码才能提交JSFIDLE,但这只是上面的代码:
<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>
请与我们联系以开始
正如肯·科赫所说,你可能有冲突。如果使用Google chrome进行测试,请右键单击按钮,检查元素并选择“a”标记,以查看css对其的影响,Insead的Span使用引导的默认col类
<div class="col-lg-12" style="text-align:center">
<button class="btn btn-large btn-primary">Contact us to get started</button>
</div>
请与我们联系以开始
要使文本居中,您可以使用col-md-offset-3
(可以根据需要使用数字)。居中按钮
在引导程序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>
不太好用。@GiuseppeMigliuri它在小提琴中为你工作吗?或者它只是不适用于你的网站?@GiuseppeMigliuri你有任何自定义css来配合引导吗?所有这些都是bootstrap.min.css,直接从他们的网站上删除。如果您有自定义,请查看它并确保没有冲突。我的居中药丸有一个float:left,将此更改为float:center,它现在就可以工作了。谢谢大家。我的居中药丸有一个浮动:左,将此更改为float:center
,它现在可以工作了。谢谢大家。我建议使用float:none,float:center不是有效的css。如果答案有帮助,你也应该接受
<div class="col-12 text-center">
<a class="btn btn-outline-primary" href="mailto:partnerships@medicaldoctorapps.com">Contact us to get started</a>
</div>