css - 如何通过附加/前置获得输入以与 twitter bootstrap 匹配宽度

Question

有没有一种方法可以使具有附加和/或前置的输入都具有匹配的宽度？

这是一个例子，但是你可以看到给定的多个输入带有不同长度的追加/前置，最后所有的宽度都会不同，而且看起来不会很好。

http://jsfiddle.net/PLkfq/1/

Answer 1

如果你想要像素精确，忘记类并将样式应用于 id

为分钟跨度添加一个id

<span id="minutes" class="add-on">minutes</span>

并使用这段CSS

#service_name{width:200px;}
#service_duration{width:130px;}
#minutes{width:70px;}

http://jsfiddle.net/baptme/PLkfq/4/