input-group編こんにちは。本日は事務所のレイアウト変更をしておりました。色々なものが揃ってきています。次はもっと広い所へ閑話休題。bootstrapのちょっとしたtipsを紹介します。bootstrapとは体系化されたclassを設定していくだけでレスポンシブなバックエンド画面を簡単に作れるようになるエンジニア向けのツールです。ウェブフォントを使ったアイコンもたくさん準備されているので、デザインができなくてもHTMLとCSSを駆使して簡単にデザインができます。bootstrapのtipsbootstrapはある程度の事が簡単にできますが、ちょっと変わった事をやろうとするとハマります。この辺りはフレームワークを使っていてもそんな感じですが今回はそのちょっとハマるのを回避しようという備忘録です。bootstrapのページの解説にinput-group内でselectはクロスブラウザではできないよと書いてある通り、input-group内でselectタグを使用するとこんな感じになってしまいます。すればいいのかといいますと間にinput-group-addonをかませてしまいます(ただそれだけ)。こんな感じにきれいに収まりました。この記事を書いた人:wadaエンジニア担当の和田です。ボウリングの機械のメカニックから、漆を塗ったりトラックの運転手をしたりと紆余曲折ありましたが最終的にプログラマーへと転職してしまいました。新東陽ビル4F花のやについてお仕事のご依頼やご相談は、下記の電話番号または、メールフォームよりお問い合わせください。