BootstrapでModal Dialogを作る 今回はBootstrapでのModal Dialogコンポーネントのサンプルを作って使い方などを見ていきたい。 何かしらユーザーに確認を促す時に良く用いられるコンポーネントで、使う機会も多いと思う。 なお、今回作ったサンプルのソースコード
... 続きを読む ...

BootstrapでTableを作る 今回はBootstrapでのTableコンポーネントのサンプルを作って使い方などを見ていきたい。HTMLでテーブルを作成したことがあれば、それほど難しい内容ではないだろう。 なお、今回作ったサンプルのソースコードは参照用としてGithubの以下に
... 続きを読む ...

BootstrapでButtonを作る 今までBootstrapを使ってJumbotronやCarouselといった要素も見てきたが、基本的なButton要素を扱っていなかったので、 今回はBootstrapでのButtonコンポーネントのサンプルを作って使い方などを見ていきたい。 な
... 続きを読む ...

BootstrapでCarouselでスライドショー 良くWEBサイトで見る画像が次々とスライドショーのように切り替わって循環しているデザイン。 そういったデザインはBootstrapで作れるのだろうか？ そこで今回はスライドショーのようなデザインを可能にするBootstrapのCar
... 続きを読む ...

BootstrapでJumbotronで見出し作成 大きな見出しがあるWEBサイトデザインは良く見るが、Bootstrapでは大きな見出しを作るためのコンポーネントJumbotron（ジャンボトロン）が用意されている。 今回はこのJumbotronを使って大きな見出しを作るサンプルを
... 続きを読む ...