We have an application which uses Bootstrap badges to display pertinent field based information in a search result display. We were looking at it and it just doesn’t seem to stand out as we had expected.

Adding the following simple CSS makes all the difference. The extra contrast between the white space and the gray background just needed a “pop”

.badge {
	border: 1px solid lightgray;
	border-radius: 5px;
}