web-dev-qa-db-ja.com

bootstrapバッジが常にデフォルトの色であるのはなぜですか？

私はHTMLコードでbootstrapバッジを使用し、次のコードを使用します。

<label for="collaborativa_utenti_pollo"><span class="badge badge-warning">pollo</span><br></label>

バッジは赤色で表示する必要がありますが、デフォルトの色で表示されます。誰でも手伝ってくれる？

htmltwitter-bootstrapbadge
13
Picco

Bootstrap v4：

赤い色のバッジの場合は、badge-dangerを使用してください

<label for="collaborativa_utenti_pollo"><span class="badge badge-danger">pollo</span><br></label>

JSFiddle- https://jsfiddle.net/mearaf9r/

Bootstrap v3

ここをチェック- https://jsfiddle.net/pf66jvfr/

バッジに色を付けるには、progress-bar-dangerを使用する必要があります。

<label for="collaborativa_utenti_pollo"><span class="badge progress-bar-danger">pollo</span><br></label>
28
sparta93

次のコードを使用して、bootstrap警告の背景のバッジを作成します。

<span class="badge bg-danger">pollo</span>

bg-dangerクラスを使用して、背景色に危険を設定できます。ブートストラップのドキュメントには、badge-dangerと記載されているクラスはありません。

1
Imran