<p dir="auto">Looking at wells (<a href="http://getbootstrap.com/components/#wells" rel="nofollow">http://getbootstrap.com/components/#wells</a>) and contextual text and backgrounds (<a href="http://getbootstrap.com/css/#helper-classes" rel="nofollow">http://getbootstrap.com/css/#helper-classes</a>) and noticed these are not complementing each other.</p>
<p dir="auto">A <code class="notranslate">.well</code> will make the element ignore the text and background provided by the contextual classes, so</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;p class=&quot;well bg-info&quot;&gt;
    ...
&lt;/p&gt;"><pre class="notranslate"><code class="notranslate">&lt;p class="well bg-info"&gt;
    ...
&lt;/p&gt;
</code></pre></div>
<p dir="auto">is no different from</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;p class=&quot;well&quot;&gt;
    ...
&lt;/p&gt;"><pre class="notranslate"><code class="notranslate">&lt;p class="well"&gt;
    ...
&lt;/p&gt;
</code></pre></div>
<p dir="auto">I propose that either the fact that <code class="notranslate">.well</code> will override the contextual classes be documented, or (preferably) <code class="notranslate">.well</code> and the contextual classes will complement each other.</p>
<p dir="auto">I've coded:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;well bg-success&quot;&gt;some text&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="well bg-success"&gt;some text&lt;/div&gt;
</code></pre></div>
<p dir="auto">But I didn't get the green background color.</p>
<p dir="auto">Shouldn't the well component accept the contextual background class background-color?</p>