GROWI Demo

{{pagename}} - {{sitename}}

Admin

たいが

<div class="alert alert-light text-dark" role="alert">
  👀 こちらのページではAlertの使用例を解説しています。
</div>

# 例1.注意書き・注釈として利用
### 注意書き
- 例えば、ページに関するコメントや注意点を目立つように掲載できます
- ページの一番上に掲載するのがおすすめです
<div class="alert alert-danger" role="alert">
注意：このページにはAlertの使用例以外は記載しないでください。
</div>

### 注釈として
- 落ち着いた色のAlertをを利用することで、注釈やメモのような使い方もできます
<div class="alert alert-light text-dark" role="alert">
  👀 こちらのページではAlertの使用例を解説しています。
</div>

# 例2. ボタンとして利用
- カスタムサイドバーにAlertを配置する場合、幅が短く表示されます
- リンクを設定しておくことで、ボタンのように利用することもできます！

<div class="alert alert-primary" role="alert" style="max-width: 12rem;">
 <a href="#" class="alert-link">勤怠システムログイン</a>
</div>

<div class="alert alert-success py-1 px-2 mt-2" style="max-width: 10rem;">
 <a href="#" class="alert-link">よく使うサイト</a>
</div>

Aleat

例1.注意書き・注釈として利用

注意書き

注釈として

例2. ボタンとして利用