buttonベースのボタン:
input type="button"ベースのボタン:
input type="submit"ベースのボタン:
input type="reset"ベースのボタン:
input type="image"ベースのボタン:
左向き矢印 - data-icon="arrow-l"
ボタン右向き矢印 - data-icon="arrow-r"
ボタン上向き矢印 - data-icon="arrow-u"
ボタン下向き矢印 - data-icon="arrow-d"
ボタン削除 - data-icon="delete"
ボタンプラス - data-icon="plus"
ボタンチェック - data-icon="check"
ボタン歯車 - data-icon="gear"
ボタン更新 - data-icon="refresh"
ボタン進む - data-icon="forward"
ボタン戻る - data-icon="back"
ボタングリッド - data-icon="grid"
ボタン星 - data-icon="star"
ボタン警告 - data-icon="alert"
ボタン情報 - data-icon="info"
ボタンホーム - data-icon="home"
ボタン検索 - data-icon="search"
ボタンThis is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.
How about some blockquote action with a cite
This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.
We add a few styles to tables and fieldsets to make them more legible, which are easily overridden with customs styles.
| Flight: | From: | To: | ||
|---|---|---|---|---|
| Total: 3 flights | ||||
| JetBlue 983 | Boston (BOS) | New York (JFK) | ||
| JetBlue 354 | San Francisco (SFO) | Los Angeles (LAX) | ||
| JetBlue 465 | New York (JFK) | Portland (PDX) | ||
これは折りたたみ可能なコンテンツです。デフォルトでは折りたたまれていますが、ヘッダーをクリックすると展開されます
これは折りたたみ可能なコンテンツです。デフォルトでは折りたたまれていますが、ヘッダーをクリックすると展開されます
これは折りたたみ可能なブロックです。スウォッチcが適用されています
これは折りたたみ可能なブロックです。スウォッチaが適用されています
これは折りたたみ可能なブロックです。スウォッチdが適用されています
これは折りたたみ可能なコンテンツであり、アコーディオンのようにふるまいます。data-collapsed="false"が指定されているため、初期状態では展開されています
これは折りたたみ可能なコンテンツであり、アコーディオンのようにふるまいます。初期状態では折りたたまれており、表示させるためにはヘッダー部分をクリックする必要があります
これは折りたたみ可能なコンテンツであり、アコーディオンのようにふるまいます。初期状態では折りたたまれており、表示させるためにはヘッダー部分をクリックする必要があります
これは折りたたみ可能なコンテンツであり、アコーディオンのようにふるまいます。初期状態では折りたたまれており、表示させるためにはヘッダー部分をクリックする必要があります
これは折りたたみ可能なコンテンツであり、アコーディオンのようにふるまいます。初期状態では折りたたまれており、表示させるためにはヘッダー部分をクリックする必要があります
折りたたみ可能なコンテンツ
折りたたみ可能なコンテンツ
折りたたみ可能なコンテンツ
折りたたみ可能なコンテンツ（スウォッチB）
折りたたみ可能なコンテンツ（スウォッチA）
折りたたみ可能なコンテンツ（スウォッチD）
This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.
コンテナの要素でdata-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
コンテナの要素でdata-content-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.
コンテナの要素でdata-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
コンテナの要素でdata-content-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.
コンテナの要素でdata-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
コンテナの要素でdata-content-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.
コンテナの要素でdata-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
コンテナの要素でdata-content-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.
コンテナの要素でdata-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
コンテナの要素でdata-content-theme属性を設定しているため、コンテナの色をコンテンツのブロックにマッチさせることができます。
6:24PM
Filament Group（マサチューセッツ州ボストン）でのミーティングに招待されました
スティーブン、明日10時に予定がなければjQueryチームとのミーティングに参加してください。
9:18AM
ボストンでのカンファレンス準備
ボストンで近日中に開催されるカンファレンスの準備のため、スポンサーと発表者のリストを作成する必要があります。
フランス4
ドイツ4
イギリス0
Broken Bells
Hot Chip
Phoenix
6:24PM
Filament Group（マサチューセッツ州ボストン）でのミーティングに招待されました
スティーブン、明日10時に予定がなければjQueryチームとのミーティングに参加してください。
9:18AM
ボストンでのカンファレンス準備
ボストンで近日中に開催されるカンファレンスの準備のため、スポンサーと発表者のリストを作成する必要があります。
4:48PM
Re: 今夜のディナー
了解。今夜8時にハイランド・キッチンで会いましょう。楽しみです!
6:24PM
Filament Group（マサチューセッツ州ボストン）でのミーティングに招待されました
スティーブン、明日10時に予定がなければjQueryチームとのミーティングに参加してください。
9:18AM
ボストンでのカンファレンス準備
ボストンで近日中に開催されるカンファレンスの準備のため、スポンサーと発表者のリストを作成する必要があります。
フィンランド
ノルウェー
アメリカ