Bootstrapでカードデザイン ECサイト等やブログなどで良く見かける、カード形のコンポーネントを並べた、画像、テキスト、ボタン等を入れ込んだカードデザイン。 このカードデザインのためのコンポーネントはBootstrapにも用意されているのだ。今回はBootstrapを使ってカー
... 続きを読む ...

Bootstrapで入力フォーム作成 この前、Bootstrapでナビゲーションバーを作る記事や、グリッドシステム、コンテナを利用する記事を書いた。 今回はユーザー登録フォームなどで必要な入力フォームをBootstrapでどうするのか？について見てみよう。 一般的に良く使われるであろう
... 続きを読む ...

container対container-fluid 前回Bootstrapでナビゲーションバーを作る記事を書いた。 ( ==> Bootstrapでナビゲーションバー ) その時にコンテンツ（Hello Worldの文字部分）が左にぴったり寄っていたが、コンテンツがぴったり左寄りにならないように少
... 続きを読む ...

BootstrapでWEBページの見た目を整える 今までNode.jsを使ったアプリのサンプルとして作っていたWEBページのレイアウトはCSSデザインに関してはほとんど何も調整していないものだった。 そこで今回はWEBページの見た目を整え、レスポンシブデザインにも対応するのに良く利用
... 続きを読む ...

Node.jsでMongooseからMongoDBを利用する 以前の記事でnode-mongodb-nativeを利用してNode.jsからMongoDBを扱う記事を書いた。 ( ==> Node.jsからMongoDBを利用する ） MongoDBを扱うにはMongooseというORMも有名で
... 続きを読む ...