読者です 読者をやめる 読者になる 読者になる

かけるヒトからできるヒト

プログラムを書ける人からプログラムが出来る人へなるために個人的にまとめるブログ

bootstrap適用時にinputタグのサイズがおかしくなる

bootstrap web

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