Bootstrapは、HTML、CSS、Javascriptからなる人気のフレームワーク。 Bootstrap3日本語リファレンスでは、モバイル・ファーストとして生まれ変わったBootstrap3について解説しています。初心者でもわかる様に、ほぼ全てにサンプルを付けています。
使い方 ポイントは4つ。 成功しました系メッセージの場合、class属性にalert alert-successを指定したdiv要素で、成功しました系メッセージを括る。 お知らせ系メッセージの場合、class属性にalert alert-infoを指定したdiv要素で、お知らせ系メッセージを括る。 警告系メッセージの場合、class属性にalert alert-warningを指定したdiv要素で、警告系メッセージを括る。 最重要メッセージの場合、class属性にalert alert-dangerを指定したdiv要素で、最重要メッセージを括る。 <div class="alert alert-success" role="alert">...</div> <div class="alert alert-info" role="alert">...</div> <div class="al
使い方 ポイントは3つ。 class属性にbadgeを指定したspan要素で、項目数を括る。 1のspan要素を、a要素やbutton要素内に配置する。 項目数が0の場合、span要素内を空にすれば、何も表示しない。ただし、Internet Explorer 8 以下のブラウザでは表示されてしまう。 <a href="#">リンク <span class="badge">26</span></a> <button class="btn btn-default" type="button">ボタン <span class="badge">26</span></button> 基本 span要素内を空の場合、何も表示しない。ただし、Internet Explorer 8 以下のブラウザでは表示されてしまう。 表示サンプル 26 ソースコード <span class="badge">26</sp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く