ブートストラップスタイルのボタンとは何ですか?-フロントエンドQ&A-php.cn

ブートストラップスタイルのボタンには、1. 「.btn」の丸い灰色のボタン、2. 「.btn-lg」の大きなボタン、3. 「.btn-sm」の小さなボタン、4. 「.btn-xs」が含まれます。「極小ボタン」、5.「.btn-block」ブロックレベルボタン、6.「.disabled」無効スタイルボタンなど。

ブートストラップスタイルのボタンとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、ブートラップバージョン 3.3.7、DELL G3 コンピューター

ブートストラップボタンスタイルの概要

クラススタイル	説明
.btn	丸みを帯びた灰色のボタン。ボタンのシャープさを和らげるために、ボタンはこのスタイルを使用して角を丸くし、それを他の機能でカバーする必要があります。
.btn-default	デフォルト/標準ボタン。白いボタンを押すと灰色になります。
.btn-primary	元のボタンスタイル (操作されていない)、これはアクティブに対応します。操作されていないボタンのスタイルであり、アクティブです。ボタンをクリックしたときに表示される対応するスタイルです。
.btn-success	成功したアクションを示します
.btn-info	このスタイルのボタン情報をポップアップ表示するために使用できます
.btn-warning	慎重な操作が必要なボタン
.btn-危険	危険なアクションを示すボタン操作
.btn-link	ボタンをリンクのように見せます (ボタンの動作はそのままです)
.btn-lg	大きなボタン
.btn-sm	小さなボタン
.btn-xs	超小さなボタン
.btn-block	ブロックレベルボタン (拡張親要素の幅の 100%)
.active	ボタンをクリックすると、ボタンは押された状態になります (暗い背景、暗い色の境界線) 、影）。
.disabled	ボタンを無効にすると、色が 50% 明るくなり、グラデーションが失われます。