Twitter Bootstrap

ツールチップこれはスマホのインテントみたいなかんじでマウスオーバーとかで文字がでる<a href="#" rel="tooltip" data-original-title="補足情報">tooltip</a>これでできる必要なのはrel=...

モーダルウインドウ作成モーダルウインドウは、ユーザになんらかの操作を促すウインドウ必要なのは呼び出すボタンとウインドウまずはボタンを a要素で作成,a href="#myModal" class="btn" data-toggle="mod...

進捗状況を表すのに使う<div class="progress"></div>で指定して進捗状況は<div class="bar" style"=width:45%"></div>また、ストライプにする。つまりシマシマ模様にするなら<div...

ラベルをつけるなら<p><span class="label">Note</span> Message</p>というようにするまた、このラベルには種類がありlabel-warning にするとオレンジ色label-info にすると水色にな...

Boostrap のカスタマイズboostrap.css の背景色などの値を変更する場合直接CSSの内容を変更するか別に作成したCSSでオーバーライドして値を変更するboostrap の CSS はLESS　を利用して記載されているのでbo...

li class="unstyled" とするとオーダーを削除し、左寄せに表示できるclass="btn" とするとカーソルが当たったときのホバー表示クリックしたときの車道などの表現が追加されるまたclass=" btn btn-succe...

boostrap 適用<link href="css/boostrap.min.css" rel="stylesheet"><link href="css/boostrap-responsive.min.css" rel="styleshe...

Boostrap をダウンロードzip なので、これを解凍css にはboostrap.cssboostrap-responsive.cssboostrap-responsive.css にはResponsible Design に必要な設...

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