Bootstrap のボタンの配色を調査

ウェブ

WebアプリケーションフレームワークのBootstrapには予め主要なボタンのスタイルが用意されています。

このボタンのスタイルは、Bootstrapに限らずWebアプリケーションのUIを統一するための基準の一つとして是非取り入れたいスタイル(定義)となっております。

このスタイルを取り入れるのは簡単ですが改めて、どのような配色の設定になっているのか一覧にしてみました。

クラス名 文字 背景
default #333 #fff #ccc Default
primary #fff #337ab7 #2e6da4 Primary
success #fff #5cb85c #4cae4c Success
info #fff #5bc0de #46b8da Info
warning #fff #f0ad4e #eea236 Warning
danger #fff #d9534f #d43f3a Danger

コメント

タイトルとURLをコピーしました