Bootstrap如何并排对齐按钮和链接

时间:2014-07-12 18:50:59

标签: twitter-bootstrap

我想并排排列一个链接和一个按钮。我知道我可以使用btn-link但在我的情况下,我必须使用a元素作为链接。我创建了一个bootply来显示问题。

锚点链接位于btn-link按钮文本上方(1px)。

1 个答案:

答案 0 :(得分:0)

你也可以在链接上使用按钮类,所以你可以:

<button class="btn btn-primary">Text</button>
<button class="btn btn-link">Link</button>
<a class="btn btn-link" href="#">An anchor link</a>

当然这会为链接添加一些额外的填充。

另一种选择是通过CSS调整链接的垂直对齐方式:

a{
  vertical-align: middle;
}

请参阅 updated bootply