ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップ ボタンにはいくつかの色の属性があります

ブートストラップ ボタンにはいくつかの色の属性があります

青灯夜游
青灯夜游オリジナル
2021-11-11 14:25:203681ブラウズ

ボタンの色の属性は 7 つあります: 1. "btn-primary"; 2. "btn-info"; 3. "btn-success"; 4. "btn-warning"; 5. "btn-危険"; 6. "btn-inverse"; 7. "btn-default"。

ブートストラップ ボタンにはいくつかの色の属性があります

このチュートリアルの動作環境: Windows7 システム、bootsrap3.3.7 バージョン、DELL G3 コンピューター

ブートストラップ ボタンの色は 7 種類あります属性:

ブートストラップ ボタンにはいくつかの色の属性があります

以下にリストされているクラスをブートストラップで使用すると、事前定義されたスタイルを持つボタンをすばやく作成できます。

<!-- Standard button -->
<button type="button" class="btn btn-default">(默认样式)Default</button>

<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">(首选项)Primary</button>

<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">(成功)Success</button>

<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">(一般信息)Info</button>

<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">(警告)Warning</button>

<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">(危险)Danger</button>

<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">(链接)Link</button>

ブートストラップ ボタンにはいくつかの色の属性があります

推奨される学習: 「ブートストラップの使用方法のチュートリアル

以上がブートストラップ ボタンにはいくつかの色の属性がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。