すべての夕方、
以前のサイトと同じ CSS スタイルで、Twitter ブートストラップを使用するサイトを持っているので、どのように見えるべきかよく知っています。
バンドルの更新を実行したところ、突然、領域ではなくすべてのテキスト フィールドの高さが縮小し、どの 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>
gemfile
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'
さらにコードが必要な場合は質問してください。乾杯アンディ