Bootstrap について

  • GROWI では Bootstrap external_link(Bootstrap5)を活用して文章やテキストの装飾をすることが可能です
  • 以下にて紹介する代表的な Bootstrap をそのまま引用し活用していただくことが可能です

1. バッジ(Badges)

テキスト

テキスト

テキスト

テキスト

テキスト

テキスト

テキスト

テキスト


活用例

  • 入社してすぐにやることリスト
    1. 自己紹介文を記載してください 必須
    2. 振込先口座情報を記載してください 必須
    3. SNS アカウントを記載してください 任意

2. アラート(Alerts)

テキストが入ります
テキストが入ります
テキストが入ります
テキストが入ります
テキストが入ります
テキストが入ります
テキストが入ります
テキストが入ります

活用例

※こちらの情報はチーム長以上の役職のメンバー以外は編集しないでください※

3. カード(Cards)

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

見出しが入ります
小見出しが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります


活用例

一口コラム
日本で最初のカレーライスのレシピとは?

日本で初めてカレーライスの調理法が紹介されたのは、1872年(明治5年)に出版された「西洋料理指南」という本でした。

使用する食材として「ネギ・ショウガ・ニンニク・バター・エビ・タイ・鶏・小麦粉・カレー粉」などが挙げられています。


4. カラー(Colors)

テキストカラー

テキストはこちら

テキストはこちら

テキストはこちら

背景カラー

テキストはこちら

テキストはこちら

テキストはこちら

テキスト&背景カラー

テキストはこちら

テキストはこちら

テキストはこちら


活用例

  • プロジェクトにアサインされる場合はスタートアップを完了させておきましょう

  • 分からないことがあればまとめて質問しましょう


5. コラプス(Collapse)

  • コラプスはコンテンツの 表示 / 非表示 の切り替えの際に活用できます

コンテンツの表示

コンテンツを表示する
  • 表示させたいコンテンツの内容が入ります
    • 表示させたいコンテンツの内容が入ります

コンテンツの非表示

コンテンツを非表示にする
  • 非表示にさせたいコンテンツの内容が入ります

    • 非表示にさせたいコンテンツの内容が入ります

活用例

最終順位を確認する!
優勝者は Bさん です!!
対象者点数順位
Aさん80pt2位
Bさん95pt1位
Cさん70pt3位

公式ドキュメント