アプリ屋かりん

Bootstrap

【Bootstrap】線に色を設定する

Bootstrapを使用して「線に色を設定する」方法を解説します。

表示

次のように表示されます。

実装方法

次のようにコードを記載します。

<div class="border border-primary p-3 m-3"></div>
<div class="border border-secondary p-3 m-3"></div>
<div class="border border-success p-3 m-3"></div>
<div class="border border-danger p-3 m-3"></div>
<div class="border border-warning p-3 m-3"></div>
<div class="border border-info p-3 m-3"></div>
<div class="border border-light p-3 m-3"></div>
<div class="border border-dark p-3 m-3"></div>
<div class="border border-white p-3 m-3"></div>
ADVERTISEMENTS
ADVERTISEMENTS
Copyright © アプリ屋かりん All rights reserved.