Using "well" with contextual background does not change bg color...

[jbruni]

I've coded:

<div class="well bg-success">some text</div>

But I didn't get the green background color.

Shouldn't the well component accept the contextual background class background-color?

[jbruni]

A fantastic JSBin showing the issue: http://jsbin.com/tiqaqiwo/1/

[cvrebert]

No, we use component-specific contextual classes (e.g. .alert-success) rather than generic ones (e.g. .success), and the .bg-* classes are not defined as having any special interaction/effect on Bootstrap's built-in components (I believe the docs already warn about this).
Adding contextual well variants (e.g. well-success) would be a reasonable request though.

[cvrebert]

@mdo So, you'd be in favor of adding .well-danger etc.?

[mdo]

@cvrebert I'm against the contextual wells.

Edit: Too close to the generic background classes and the like. We've gotten rather redundant and overly verbose on a lot of things.

[cvrebert]

Closing then, since the feature request was denied and the documentation deficiency was addressed by #13332.

[bradlis7]

+1. Maybe you could style it as .well.bg-success, as well as changing .alert.bg-success instead of having a contextual class for each item type. It might be confusing because it would change the border color, and it's called bg, but I don't think people would complain.

Either that, or provide .alert .alert-default, and mark well as depreciated.

[cvrebert]

We are reworking our approach to alerts/wells/panels in Bootstrap v4.