注文フォームは今後よく使うだろうから、ひとつ作って手元に置いておきたい。 どうせ作るならスマホ対応のがいいなあ。いやいやスマホだけとは言わず、タブレットやパソコンにも対応しているのがいい。 そうなるとBootstrapで作るのがいいかな?Bootstrapのグリッドレイアウトは強力だからレスポンシブルな注文フォームがすぐ作れそう。 というわけで作ってみた。 iPhone5sで見るとこんな感じ。下の方が切れちゃってますが…。 iPad Airで見るとこんな感じ。 パソコンで見るとこんな感じになった。 タブレットとあんまり変わらないなあ。 ソースを公開しときます。基本、コピペでいけます。 ただしグリッドレイアウトはBootstrapのバージョン3から導入されたっぽいので、導入にはBootstrap3を使ってください。 ちなみに今回はvervion3.1.1を使いました。 <!DOCTYPE h
![1分で作るスマホ対応Bootstrap注文フォーム](https://cdn-ak-scissors.b.st-hatena.com/image/square/bff0ca723a4a81772bfb24476ff5094761306270/height=288;version=1;width=512/http%3A%2F%2Fkawaidesu.com%2Fwp-content%2Fuploads%2Ftwitter_bootstrap.png)