0

将 Bootstrap 3 安装到我的 rails 应用程序后,文本字段的高度缩小了,一些定位变得疯狂。除了手动将文件添加到我的供应商/样式表文件夹之外,我没有对我的引导文件进行任何更改。我还查看了文档类型,因为我看到其他人提到这可能是问题所在,但一切似乎都是正确的。添加 bootstrap 3 后有没有人遇到过这个问题?

要安装 bootstrap 3,我遵循了这个线程:Link

我的 application.html.erb 有<!DOCTYPE html>

这是我的应用在 Bootstrap 3 中的外观: 引导程序 3

这是它的外观(使用以前版本的引导程序): 引导程序

请注意,我可以通过*= require bootstrap 从我的 application.css.scss 文件中添加\删除来触发此操作。

谁能帮我?

4

1 回答 1

0

从 Bootstrap 2 迁移到 3 时,请务必检查所有格式属性。对于文本字段高度,<input type='text'>以前可以使用,但现在您需要<input type='text' class='form-control'>.

对于此答案的其他读者,无论何时安装 Bootstrap,请确保将适当的类属性添加到视图中的 HTML 标记。否则,看起来事情可能已经缩小了。例如,

Welcome, visitor!  What is your name?
<%= text_field_tag 'name' >

应该成为

Welcome, visitor!  What is your name?
<%= text_field_tag 'name', nil, class: 'form-control' >

请注意,在 Rails 中,您可以使用表单助手指定表单元素的类,方法是传递class: 'your-class-here'

Bootstrap 通过在任何地方设置类属性来工作。请参阅以下文档:

http://getbootstrap.com/css(引导文档)

http://getbootstrap.com/css/#forms-control-sizes(调整文本字段的大小)

于 2013-10-31T12:42:02.147 回答