ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >ブートストラップ ボタンのスタイルとは何ですか?
ブートストラップのボタン スタイル:
| クラス スタイル |
説明 |
|---|---|
| .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% 明るくなり、グラデーションが失われます。 |
以上がブートストラップ ボタンのスタイルとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。