bootstrap適用時にinputタグのサイズがおかしくなる
bootstrapを使ってみようと思い、色々と適用していたらハマったので備忘録。
問題
bootstrapを適用すると、inputタグのtextやpasswordのレイアウトが崩れる。
縦のサイズとかを指定しているのになぜか大きくならない。隣にあるボタンより狭い幅になってしまう。
解決
bootstrapはhtml5を利用するので、htmlファイルを宣言する先頭でhtml5のファイルだよという事を表す必要がある
<!DOCTYOE html> <html lang="ja"> ~~~~~~~~~~~~~~~~~~~~~~~~ </html>
参照
やはりstackoverflowは一瞬で答えが見つかりますね。
http://stackoverflow.com/questions/14293294/bootstrap-text-input-wrong-height