引导输入文本框太小？

我没有足够的积分发布图片，但是我正在进行一个项目，输入文本字段比在http://twitter.github.com/bootstrap/index.html网站上的要小。我在application.html.erb中有<!DOCTYPE html>，但它仍然不工作。引导输入文本框太小？

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

来源

2012-09-12 123ndy

用firebug/chrome检查器检查你的css规则，看看'width'属性来自哪个规则。 – MurifoX

我认为它来自custom.css，但我不知道要寻找什么？ – 123ndy

文本框的宽度可能受父母html标记宽度的影响。我无法确定没有看到html标记。缺省宽度在bootstrap.css中为输入文本字段定义。您可以通过所需的跨度类这样的控制覆盖这个宽度..

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

来源

2012-09-13 07:45:20

这个答案是正确的。默认情况下，输入组件的宽度不是可用区域的100％。如果你想让它们占据整个宽度，请使用@Kavitha-kg所说的内容并添加一个'class =“span12”'（记住Bootstrap使用12列网格）。或者，您可以使用输入大小。请参阅：http://stackoverflow.com/questions/9784990/bootstrap-wider-input-field –

这将是更好地使用Chrome检查检查输入字段的CSS规则。如果这不起作用，你可以添加一个类或id到你需要的输入字段，然后在一个自定义的CSS文件中，你可以设置类或id的宽度。这将改变您的输入字段的大小。只要确保您的自定义css文件在引导css文件之后。

来源

2012-09-15 18:04:21 justcode

这并没有什么帮助，因为当你在浏览器中查看它时，你已经失去了信息，所有你会看到特定的像素宽度（例如，宽度：206px），这没有帮助。 –

引导输入文本框太小？

回答

相关问题