ブートストラップ4バッジが色

を変えていないので、私が使用した私は、ブートストラップ4を使用していると私は青色でバッジを作成したいです青ではない。ブートストラップ4バッジが色

出典

2017-06-30 droidnation

代わり.label-pillを使用しています。作成して試してみてください

how to use .label-pill class in Bootstrap-4

出典

2017-06-30 05:21:29

テーブルホバークラスのホバーカラーを変更するにはどうすればいいですか？スタック上のすべてを試しましたが、何も動作しません。 – droidnation

あなたのコードは動作しませんでした。 – droidnation

どこに私はCSSのコードを追加する必要があります私は4つのCSSシートは、ブートストラップを含む私のページに追加 – droidnation

：

<span class="label label-pill label-primary">Primary</span>

はあなたのCSSに次の行をコピーして、あなたの質問はすでに答えを持っているようだ

再び

.label-as-badge { 
    border-radius: 1em; 
}

を試してみてください、下記のリンクをお試しくださいカスタムクラス。

HTMLコード

<span class="badge">1</span> 
<span class="badge badge-success">2</span> 
<span class="badge badge-warning">4</span> 
<span class="badge badge-error">6</span> 
<span class="badge badge-info">8</span> 
<span class="badge badge-inverse">10</span>

CSSコード

.badge { 
    padding: 1px 9px 2px; 
    font-size: 12.025px; 
    font-weight: bold; 
    white-space: nowrap; 
    color: #ffffff; 
    background-color: #999999; 
    -webkit-border-radius: 9px; 
    -moz-border-radius: 9px; 
    border-radius: 9px; 
} 
.badge:hover { 
    color: #ffffff; 
    text-decoration: none; 
    cursor: pointer; 
} 
.badge-error { 
    background-color: #b94a48; 
} 
.badge-error:hover { 
    background-color: #953b39; 
} 
.badge-warning { 
    background-color: #f89406; 
} 
.badge-warning:hover { 
    background-color: #c67605; 
} 
.badge-success { 
    background-color: #468847; 
} 
.badge-success:hover { 
    background-color: #356635; 
} 
.badge-info { 
    background-color: #3a87ad; 
} 
.badge-info:hover { 
    background-color: #2d6987; 
} 
.badge-inverse { 
    background-color: #333333; 
} 
.badge-inverse:hover { 
    background-color: #1a1a1a; 
}

出典

2017-06-30 05:47:39 Dixit

@ droidnationこのようにしてください。 – Dixit

<span>要素の内、6つのコンテキストクラス.label-default, .label-primary, .label-success, .label-info, .label-warningまたは.label-dangerの1に続いて、.labelクラスを使用し

にそれを使用しますラベルを作成する

<span class="label label-default">Edit History</span>

出典

2017-06-30 06:09:43

ブートストラップ4バッジが色

答えて

関連する問題