Bootstrap
【Bootstrap】カードを使用する
Bootstrapを使用して「カードを使用する」方法を解説します。
表示
次のように表示されます。
Featured
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere実装方法
次のようにコードを記載します。
<div class="my-3 card">
<div class="card-body">
<div class="card text-center">
<div class="card-header">Featured</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card-footer text-muted">2 days ago</div>
</div>
</div>
</div>
ADVERTISEMENTS
【Bootstrap】実装方法
文字
文字のサイズを設定する文字の横位置を設定する文字列を折り返す文字を太くする文字を細くする文字を斜体にする文字に下線を設定する文字に取り消し線を設定するリンク文字の下線を非表示にする文字の色を設定する高さ
高さを設定するスペース
スペースを設定するレスポンシブ
画像をレスポンシブにするパンくずリスト
パンくずリストを使用するアラート
アラートメッセージを表示する
ADVERTISEMENTS
