Rails アプリに Bootstrap 3 をインストールした後、テキスト フィールドの高さが縮小し、位置が狂いました。ファイルを vendors/stylesheets フォルダーに手動で追加する以外は、ブートストラップ ファイルに変更を加えていません。他の人がそれが問題である可能性があると述べているのを見たので、doctypeも調べましたが、すべてが正しいようです。ブートストラップ 3 を追加した後にこの問題が発生した人はいますか?
ブートストラップ 3 をインストールするには、次のスレッドに従いました:リンク
私のapplication.html.erbには<!DOCTYPE html>
私のアプリが Bootstrap 3 でどのように見えるかを次に示します。
そして、これがどのように見えるかです（以前のバージョンのブートストラップで）：
*= require bootstrap
application.css.scss ファイルに追加\削除することで、これをトリガーできることに注意してください。
誰でも私を助けることができますか？
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'
ブートストラップは、どこでもクラス属性を設定することで機能します。次のドキュメントを参照してください。
http://getbootstrap.com/css (ブートストラップのドキュメント)
http://getbootstrap.com/css/#forms-control-sizes (テキスト フィールドのサイズ変更)