Bootstrap
【Bootstrap】アラートメッセージを表示する
Bootstrapを使用して「アラートメッセージを表示する」方法を解説します。
表示
次のように表示されます。
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
実装方法
次のようにコードを記載します。
<div class="alert alert-primary" role="alert">A simple primary alert—check it out!</div>
<div class="alert alert-secondary" role="alert">A simple secondary alert—check it out!</div>
<div class="alert alert-success" role="alert">A simple success alert—check it out!</div>
<div class="alert alert-danger" role="alert">A simple danger alert—check it out!</div>
<div class="alert alert-warning" role="alert">A simple warning alert—check it out!</div>
<div class="alert alert-info" role="alert">A simple info alert—check it out!</div>
<div class="alert alert-light" role="alert">A simple light alert—check it out!</div>
<div class="alert alert-dark" role="alert">A simple dark alert—check it out!</div>
ADVERTISEMENTS
【Bootstrap】実装方法
文字
文字のサイズを設定する文字の横位置を設定する文字列を折り返す文字を太くする文字を細くする文字を斜体にする文字に下線を設定する文字に取り消し線を設定するリンク文字の下線を非表示にする文字の色を設定する高さ
高さを設定するスペース
スペースを設定するレスポンシブ
画像をレスポンシブにするパンくずリスト
パンくずリストを使用するアラート
アラートメッセージを表示する
ADVERTISEMENTS