如何使用append/prepend获取带有twitter bootstrap的匹配宽度的输入

Question

有没有办法让所有追加和/或前置的输入具有匹配的宽度？

这是一个例子,但是你可以看到,给定多个带有各种长度的附加/前置的输入,这些都将导致不同的宽度,并且它看起来不会很好.

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

Answer 1

如果您想要像素精确，请忘记类并将样式应用于 ids

将 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/