カテゴリー別アーカイブ: Twitter Bootstrap

ツールチップとポップオーバー

ツールチップ これはスマホのインテントみたいなかんじで マウスオーバーとかで文字がでる <a href=”#” rel=”tooltip” data-original … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

モーダルウインドウ作成

モーダルウインドウ作成 モーダルウインドウは、ユーザになんらかの操作を 促すウインドウ 必要なのは呼び出すボタンと ウインドウ まずはボタンを a要素で作成 ,a href=”#myModal” … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

プログレスバーの表示

進捗状況を表すのに使う <div class=”progress”> </div> で指定して 進捗状況は <div class=”bar” style& … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

ラベルとバッジとアラート

ラベルをつけるなら <p> <span class=”label”>Note</span> Message </p> というようにする また、このラベルには種類があり la … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

Boostrap のカスタマイズ と LESS

Boostrap のカスタマイズ boostrap.css の背景色などの値を変更する場合 直接CSSの内容を変更するか 別に作成したCSSでオーバーライドして値を変更する boostrap の CSS は LESS を … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

boostrap のCSSメモ

li class=”unstyled” とすると オーダーを削除し、左寄せに表示できる class=”btn” とすると カーソルが当たったときの ホバー表示 クリックした … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

boostrap の適用

boostrap 適用 <link href=”css/boostrap.min.css” rel=”stylesheet”> <link href=̶ … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

twitter boostrap ちょいメモ

Boostrap をダウンロード zip なので、これを解凍 css には boostrap.css boostrap-responsive.css boostrap-responsive.css には Responsi … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ

動画で学習するTwitter Bootstrap

本日 Twitter Bootstrap をつかったマッシュアップの 講習に参加します Twitter Bootstrap について、参考サイトを紹介していただきました 動画でみることができるので 分かりやすいと思います … 続きを読む

カテゴリー: Twitter Bootstrap | コメントをどうぞ