更改文本字段的宽度以显示所有字符

Question

我正在开发一个应用程序，我有一个像这样的rails代码 -

<input type="text" readonly="readonly" value="<%= linkbunch_url(@link.link) %>" />

现在这里的值超过40个字符。但文本字段仅显示33个字符。所以我添加了'size'和'maxlength'属性，但它没有用。我还在宽度上添加了CSS样式：500px等但它没有用。到了我，我在rails中使用twitter bootstrap。那么在twitter bootstrap中是否有任何方法来格式化这个字段或任何简单的css或html来做这个？

提前致谢...

Answer 1

参考：http://twitter.github.com/bootstrap/base-css.html#forms

您可以尝试添加以下任何一类：

• 输入xxlarge
• span12（或任何适合您父容器的值）

Answer 2

通过CSS添加宽度不起作用很奇怪。可能存在覆盖设置宽度的引导样式。

像http://jsfiddle.net/FBxHh/1/这样的东西不起作用？

<input type="text" class="myInput" readonly="readonly" value="lorem ipsum lorem ipsum lorem ipsum lorem ipsum" />

css：.myInput { width: 500px; }