我想并排排列一个链接和一个按钮。我知道我可以使用btn-link
但在我的情况下,我必须使用a
元素作为链接。我创建了一个bootply来显示问题。
锚点链接位于btn-link
按钮文本上方(1px)。
答案 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