Question

我没有足够的积分来发布图片，但我正在处理一个项目，输入文本字段比http://twitter.github.com/bootstrap/index.html网站上的字段小。我在application.html.erb中有<!DOCTYPE html>，但它仍然无效。

任何人都知道问题可能是什么？

Answer 1

文本框的宽度可能受父html标记宽度的影响。我不能确定没有看到HTML标记。默认宽度在bootstrap.css中为输入文本字段定义。您可以通过在控件中包含所需的span类来覆盖此宽度，如此..

<input type="text" class="span3" />
<input type="text" class="span12" />

Answer 2

最好使用chrome检查器检查输入字段的CSS规则。如果这不起作用，您可以在所需的输入字段中添加类或id，然后在自定义CSS文件中设置类或id的宽度。这将更改输入字段的大小。只需确保自定义css文件位于bootstrap css文件之后。