Bootstrap 色（文字・背景・ボタン）

 
Bootstrap公式リファレンス
 
 

■文字色の基本構文

class="text-〇〇〇"

 

【用意されているクラス】

・class="text-muted"
 
・class="text-primary"
 
・class="text-success"
 
・class="text-info"
 
・class="text-warning"
 
・class="text-danger"
 
・class="text-white"
 
・class="text-light"
 
・class="text-dark"
 
 

---

■背景色の基本構文

class="bg--〇〇〇"

 

【用意されているクラス】

・class="bg-primary"
 
・class="bg-success"
 
・class="bg-info"
 
・class="bg-warning"
 
・class="bg-danger"
 
・class="bg-white"
 
・class="bg-light"
 
・class="bg-dark"
 
 

---

■ボタン色の基本構文

class="btn btn-〇〇〇"

 

【用意されているクラス】

・class="btn btn-default"
 
・class="btn btn-primary"
 
・class="btn btn-success"
 
・class="btn btn-info"
 
・class="btn btn-warning"
 
・class="btn btn-danger"
 
・class="btn btn-link"