Memo

記事の中で使う装飾をここにメモ。
※wordpressでTwitterBootstrapのプラグインが有効な場合

小窓テスト01

強調
小さく表示

※使えない場合はダブルクォーテーションを打ち直すかソースを参照する。

<div class=”well well-small”></div>
<div class=”alert alert-error”>…</div>
<div class=”alert alert-success”>…</div>
<div class=”alert alert-info”>…</div>
<div class=”alert”>…</div>
×alert! click right × to close.

↑上のコード

<div class="alert">
 <a class="close" data-dismiss="alert">×</a>
 <strong>alert!</strong> 
 click right × to close.
</div>
ラベルとか ソース
Default デフォルト <span class=”label”>デフォルト</span>
Success 成功 <span class=”label label-success”>Success</span>
Warning 注意 <span class=”label label-warning”>Warning</span>
Important 重要 <span class=”label label-important”>Important</span>
Info 情報 <span class=”label label-info”>Info</span>

ストライプあり・ボーダーあり、幅狭めのテーブル

項目1 項目2 項目3
まる さんかく しかく
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>項目1</th><th>項目2</th><th>項目3</th>
</tr>
</thead>
<tbody>
<tr>
<td>○</td><td>△</td><td>□</td>
</tr>
<tr>
<td>まる</td><td>さんかく</td><td>しかく</td>
</tr>
</tbody>
</table>

コード表示のpre

<pre>You can write some codes here</pre>

文字列 → 数値実体参照変換

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>