ホーム

Cocoon主要クラス一覧表

クラス名 用途 Bootstrapと衝突？ 備考
container 全体ラップ用 True Bootstrapと衝突（上書き注意）
container-in 内部コンテンツ用 False Cocoon独自の内包用クラス
row 段組みレイアウト True Bootstrapと名前衝突（意味が違う）
main メインコンテンツ領域 False WordPressテンプレート用
sidebar サイドバー領域 False ウィジェット配置領域
box 囲みボックス（基本） False 基本の装飾ボックス
information-box 情報用ボックス False ブルー系背景（注釈・情報）
attention-box 注意用ボックス False オレンジ系背景（警告）
warning-box 警告用ボックス False 赤系背景（危険・重要）
memo-box メモボックス False ライトグリーン背景（覚書など）
btn ボタンベース True Bootstrapの.btnと衝突、色指定で分岐
btn-blue 青ボタン False Cocoon専用
btn-red 赤ボタン False Cocoon専用
btn-yellow 黄色ボタン False Cocoon専用
btn-green 緑ボタン False Cocoon専用
label ラベル表示 True Bootstrapの.labelと同名
label-blue 青ラベル False 情報強調用ラベル
label-red 赤ラベル False 警告・重要用ラベル
speech-balloon 吹き出しベース False コメントや会話風装飾
left-balloon 左吹き出し False 左側に表示（質問など）
right-balloon 右吹き出し False 右側に表示（返答など）
entry-card 記事一覧カード False トップ・カテゴリページに使用
entry-card-wrap 記事カードラッパー False カード群の囲み用
card-thumb カードのサムネイル False 画像部分
card-snippet カード本文スニペット False 説明文・本文抜粋
list-square 四角マーク付きリスト False デフォルトスタイルリスト
list-check チェックマーク付きリスト False ToDo風リスト