Bootstrap の badge （バッジ）は新着件数などを表示するのに便利です。
ところが、この badge を使おうとしたところ、色が付かない。HTML の階層の関係かなと思っていろいろ調べてみましたが分からず、どうやら背景色が効いていないような感じでした。
というわけで解決法は、CSS で色を指定する、です。
badge {
background-color: blue;
}
バッジの使い分けなどがなければこれでよいと思います。もし意味で使い分けているのであれば、
badge-primary {
background-color: blue;
}
badge-warning {
background-color: red;
}
という感じで、意味ごとに色を指定することもできます。