title: How can we change the color of arrow in the popover of bootstrap?
body: <pre><code>  &lt;div class="  affix  popover right" id ="one" style="margin-left:8em;margin-top:10em;  width:15em;background-color:rgba(228,19,47,0.9);padding:5px;border-radius:10px;"&gt;
      &lt;div class="arrow" style="margin-top:-45px;"&gt;&lt;/div&gt; 
      &lt;center style="padding:20px;"&gt;&lt;b&gt;this is the message&lt;/b&gt;&lt;/center&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>This code creates the popover with a arrow how can we change the color of this arrow.</p>
  
  <p><img src="https://i.stack.imgur.com/elNok.jpg" alt="enter image description here"></p>