css - Bootstrap 文本字段突然缩小

标签 css ruby-on-rails twitter-bootstrap doctype gemfile

晚上好,

我有一个使用 twitter bootstrap 的网站,它的 CSS 样式与以前的网站相同,所以我很熟悉它的外观。

我运行了 bundle update,突然间所有文本字段(不是区域)的高度都缩小了,无论我编写什么 CSS 代码,我都无法触摸它们。此外, Logo 已漂移到页面左侧。

许多类似的问题建议更改 DOCTYPE,我尝试过但无济于事。

表单的CSS代码如下;

input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  padding: 10px;
  height: auto;
  margin-bottom: 15px;
  @include box_sizing;
}

如下使用的文本字段,这在之前是有效的;

<div class="control-group">
        <div class="controls">
    <%= f.text_field :song_name, placeholder: "please enter a song title..." %>
        <br />
    <%= f.text_area :song, placeholder: "enter music score..." %>
        </div>
    </div>

gem 文件

gem 'rails', '3.2.3'
gem 'jquery-rails'
gem 'bootstrap-sass', '2.0.0'
gem 'bcrypt-ruby', '3.0.1'
gem 'faker', '1.0.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.5'
gem 'pg', '0.12.2'

group :development, :test do
  gem 'rspec-rails', '2.9.0'
end


group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier', '>= 1.0.3'
  gem 'twitter-bootstrap-rails'
end

group :test do
  gem 'capybara', '1.1.2'
  gem 'factory_girl_rails', '1.4.0'
end

gem 'mysql2'
gem 'omniauth-facebook', '1.4.0'
gem 'koala'

如果您需要更多代码,请询问,但我们将不胜感激!干杯安迪

最佳答案

您是否重新启动了服务器并在单击刷新时保持轮类?听起来像是缓存问题...

关于css - Bootstrap 文本字段突然缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11978377/

相关文章:

html - 在包装下一个元素之前应用溢出隐藏

jquery - CSS 和 jQuery contextMenu 插件

javascript - 将 ruby​​ 变量从 Controller 分配给 javascript 变量

ruby-on-rails - Ruby on rails : Bundler not installed when deploying using capistrano

javascript - 为什么悬停事件不能与 Bootstrap 选项卡上的 jquery 方法一起使用?

javascript - 在 Angular 循环的行内添加行

css - 在 IE8 中颜色透明?

jquery - 多个元素的移动 Safari 和 CSS 转换滞后

javascript - 如何在 JavaScript 中访问实例变量?

javascript - 命令 "window.location.href"不适用于 HTML(Bootstrap 框架)