Bootstrap使输入像文本链接一样

Question

如果你看一下这个小提琴，你会发现C是在右边，即使在大多数情况下，它看起来像其他按钮。在我的网站上，它没有那么夸张，但我确实看到了一个(或两个)空间，这让我很困扰。我如何设置它，使第二个C看起来像第一行的那个?

<a href="/" class="btn btn-lg">A</a>
<a href="/" class="btn btn-lg">B</a>
<a href="/" class="btn btn-lg">C</a>
<br>
<a href="/" class="btn btn-lg">A</a>
<a href="/" class="btn btn-lg">B</a>
<input class="btn btn-lg btn-link" value="C">

Answer 1

添加到你的CSS中

.btn {
  width: 50px;
}

https://jsfiddle.net/4zhvb402/

或者修改

.btn {
  text-align:left;
}

https://jsfiddle.net/tgesvue7/

Answer 2

它是一个文本输入元素，你应该设置它的大小:

size="1"

使大小为1的字符

而且每个浏览器的呈现方式都不一样