个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
在我的 Rails 应用程序中安装了 Bootstrap 3 之后，文本字段的高度缩小了，一些定位也出现了问题。除了手动将文件添加到我的 vendors/stylesheets 文件夹之外，我没有对我的 Bootstrap 文件进行任何更改。我还查看了文档类型，因为我看到其他人提到这可能是问题所在，但一切似乎都是正确的。添加 bootstrap 3 后有人遇到过这个问题吗？
为了安装 bootstrap 3，我遵循了这个线程:Link
我的 application.html.erb 有 <!DOCTYPE html>
这是我的应用程序在 Bootstrap 3 中的样子: 
它应该是这样的(使用以前版本的 bootstrap): 
请注意，我可以通过添加\删除 *= require bootstrap 来触发它来 self 的 application.css.scss 文件。
谁能帮帮我？
最佳答案
当您从 Bootstrap 2 迁移到 3 时，请务必检查所有格式属性。对于文本字段高度，<input type='text'>曾经工作，但现在你需要<input type='text' class='form-control'> .
对于此答案的其他读者，无论何时安装 Bootstrap，请确保将适当的类属性添加到 View 中的 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 ( Bootstrap 文档)
http://getbootstrap.com/css/#forms-control-sizes (调整文本字段的大小)
关于html - 在 rails 上安装 bootstrap 3 后的文本域高度问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19706021/
25
4
0
我听说最好不要从您系统的 Perl 版本所在的 CPAN 安装模块。我知道如何使用命令行安装模块，我只是想知道是否有办法将 CPAN 与系统核心 Perl 分开。 我应该: 下载源代码并专门为这些模块
我听说最好不要从系统的 Perl 版本所在的 CPAN 安装模块。我知道如何使用命令行安装模块，我只是想知道是否有办法将 CPAN 与系统的核心 Perl 分开。 我应该: 下载源代码并专门为这些模块
单独安装 electron 与通过 electron-builder 安装有什么区别？我正在使用 React 构建一个 Electron 应用程序，并且已经找到了一些教程。它们安装 Electron
两者安装有什么区别？我按照安装页面上的说明在全局范围内安装了 webpack，然后我转到了入门指南，据说在那里可以在本地安装 webpack-cli。 CLI = Command Line Inter
我在 OS X Yosemite 上用 PHP 安装了默认的 Apache 服务器，安装了 pear，用 brew 安装了 Solr (brew install solr)，现在我正在尝试使用 PEC
我解压并编译了 Ruby 2.1 并安装了几个支持工具。 但是当我安装了 libssl-dev 时，OpenSSL 不会安装。 我在支持 openssl 时遇到这个错误: make: *** No r
我在 android studio 2.3.1 和 gradle 3.2 中设计了 2 到 3 个应用程序。当我从它运行应用程序到任何设备或模拟器时，一切都工作正常。但是当我从构建文件夹中获取该 ap
我注意到我正在读一本书提到通过 apt-get 安装 numpy 和 opencv apt-get install python-numpy python-opencv 但我可以通过以下方式在 pip
我正在尝试在 Windows 8.1 上安装 ansicon。我提取了文件并达到了我需要调用 ansicon -i 的级别。当我在 cmd 中输入此内容并运行 python 脚本时效果很好，但是当我通
我有 linux MINT 17.3 Kernel 4.4.0-81 所有更新可用。 (由于不同的原因，我无法迁移到更新版本的 ubuntu/mint) 我已经通过 PPA 安装了 FFMPEG(不是
尝试在本地运行我的应用程序时出现错误: 我只在 chrome 浏览器中收到此错误。我尝试过不同的东西，但我不确定为什么它是 Chrome 特定的。 最佳答案 我怀疑这不是 Firebase 问题，而是
这是我第一次开发 AngularJS 应用程序并使用脚手架工具 Yeoman ( http://yeoman.io/ )。我想对我的一些图标使用 fontawesome ( http://fortaw
我知道您通常“应该”$ pip install 如果包没有 brew ，但如果有一个你想安装的 python 包，你可以使用 $ pip install或 $ brew install为了？例如，通过
我正在尝试通过 RVM 安装 Ruby 1.9.3。然而，当谈到安装 RubyGems 时，我得到了这个: curl: (22) The requested URL returned error: 4
我是真正提出问题的新手，但你去吧。 我一直在尝试按照安装指南添加 dnsname: https://github.com/containers/dnsname https://github.com/c
Studio更新至0.4.0 建筑产量为“需要1.8版Gradle”；将设置设置为1.8 bin目录； 建立 “要求1.9级”；将设置设置为1.9 bin; 建立 “要求1.8级” 啊。不知道该怎么做
我刚刚注意到 kernel.org 因维护而停机。是否有使用不同镜子的不同公式？或者我可以向 Homebrew 软件添加不同的来源(如 bundler ？)？ 谢谢你的帮助! 最佳答案 快速解决方法:
当我运行时: peardev install phpunit/PHPUnit 我得到以下信息: No releases available for package "pear.phpunit.de/P
服务器操作系统为Fedora 24. 64bit。 我想安装 Git 2.6.6。 所以下载源码并安装。 此服务器离线。所以我不使用“yum”。 ./configure --prefix=/usr/l
我正在尝试在我自己的服务器(操作系统:Linux Ubuntu Server 12.04)上安装 OpenEdX，但我遇到了同样的错误。谁能帮帮我？ TASK: [ insights | insta
我是一名优秀的程序员,十分优秀！