bootstrap使输入像文本链接一样

Question

如果你看看这个fiddle，你会看到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个字符。

此外，每个浏览器都以不同的方式呈现