twitter bootstrapのちょっとしたtips input-group編 - 名古屋でホームページ制作、ECサイト制作なら花のや 名古屋のホームページ制作、web制作会社 花のや

こんにちは。

本日は事務所のレイアウト変更をしておりました。
少しずつ色々なものが揃ってきています。次はもっと広い所へ

閑話休題。

今回はtwitter bootstrapのちょっとしたtipsを紹介します。

twitter bootstrapのtips

bootstrapはある程度の事が簡単にできますが、ちょっと変わった事をやろうとするとハマります。
この辺りはフレームワークを使っていてもそんな感じですが
今回はそのちょっとハマるのを回避しようという備忘録です。

bootstrapのページの解説にinput-group内で
selectはクロスブラウザではできないよと書いてある通り、input-group内でselectタグを使用すると

こんな感じになってしまいます。

で、どうすればいいのかといいますと
間にinput-group-addonをかませてしまいます（ただそれだけ）。

こんな感じにきれいに収まりました。