title: Why is my bootstrap popover showing light grey text on white background?
body: <p>Why is the text in my popover showing as light grey on white background?
  Is there a way to override the text in the popover to be black? I think it is picking up the style from a style tag, but I want to override the color for the popup.</p>
  
  <p>Here's a snippet where it uses the popover:</p>
  
  <pre><code>&lt;tr style="background:#5789c6; color:#FFF;"&gt;
  &lt;th&gt;{{ Help.SUPPORTING_READS }}
      Supp. Reads (#)
  &lt;/th&gt;
  </code></pre>
  
  <p>Here's the JS:</p>
  
  <pre><code>&lt;script&gt;
      // Turn tooltips and popovers on
      $(function () {
          options = {
              delay: { show: 500, hide: 100 }, 
              trigger:'hover', 
              placement: 'top', 
              html: true,
          }
          $("[rel='tooltip']").tooltip(options);
          $("[rel='popover']").popover(options);
      });
  &lt;/script&gt;
  </code></pre>