Twitter Bootstrapを使ったトグルボタン
Twitter Bootstrapを使ったトグルボタンを紹介したいと思います。 トグルボタン トグルボタンのサンプルです。青色の「button」がトグルボタンになっています。クリックすることでOn/Offを切り替えられま …
Twitter Bootstrapを使ったドロップダウンメニュー
Twitter Bootstrapを使ったドロップダウンメニューを紹介したいと思います。Twitter Bootstrapは、簡単に綺麗なユーザーインターフェイスを作れるところが魅力的ですね。 シンプルなドロップダウンメ …
Twitter Bootstrapで使えるアイコン
Twitter BootstrapではGlyphiconsが使えます。種類も豊富でクオリティも高いので活用してみてはどうでしょうか？ 使い方 アイコン使う場合は<i>タグを使って次のようにします。 アイコンを …
Twitter Bootstrapによる画像の装飾
Twitter Bootstrapを使うと画像の角を丸めて表示するなどの操作を簡単に行うことができます。 img-rounded 画像の角を丸める場合に使えます。 img-circle 画像を円で表示します。 img-p …
Twitter Bootstrapのフォーム装飾
今回はTwitter Bootstrapによるフォーム装飾を紹介したいと思います。フォーム以外の装飾については、Twitter BootstrapのCSSによる装飾の方を参照してください。 テキストボックスなど基本的なフ …
Twitter BootstrapのCSSによる装飾
Twitter Bootstrapの第2回。今回はHTMLの基本的なマークアップがどのように装飾されるのかを見ていきたいと思います。注1 まずは見出しテキスト<h1>〜<h6>です。 通常通り と書いて利用で …
Twitter Bootstrapの雛形
Twitter Bootstrapをご存知でしょうか？ Twitter Bootstrapとは、手軽に洗練されたWebアプリっぽいデザインを作ることができるHTML&CSSのフロントエンドフレームワークです。ライ …