晚上所有,
我有一个使用 twitter bootstrap 的站点,其 CSS 样式与以前的站点相同,因此我熟悉事物的外观。
我运行了捆绑更新,突然所有文本字段,而不是区域,都缩小了高度,无论我编写什么 CSS,我都无法触摸它们。徽标也漂移到了页面的左侧。
许多类似的问题建议更改我尝试无济于事的 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 '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'
如果您需要更多代码,请询问,但任何想法将不胜感激!干杯安迪