title: Modifying Twitter Bootstrap's Tooltip Colors Based on Position
body: <p>I am trying to output various colors for the tooltips (edit: from Twitter Bootstrap) but it seems I'm not quite getting it. Just changing the default color hasn't been hard, it's just a matter of changing the colors for .tooltip and its associated definitions. </p>
  
  <p>However assuming I wanted to change the color for a specific tooltip within the body</p>
  
  <pre><code>&lt;div id="users" class="row"&gt;
      &lt;div id="photo_stack" class="span6 photo_stack"&gt;
          &lt;img id="photo1" src="" width="400px" height="300px" alt="" rel="tooltip" data-placement="right" title="Other Color" /&gt;
  </code></pre>
  
  <p>A simple approach like</p>
  
  <pre class="lang-css prettyprint-override"><code>#users .tooltip { background-color: #somecolor; }
  </code></pre>
  
  <p>doesn't seem to work. I guess it's something about the DOM and I'd need to attach some sort of classes to the specific tooltips? Or am I completely off? Thanks :)</p>
  
  <p>Here's a JSFiddle: <a href="http://jsfiddle.net/rZxrm/" rel="nofollow noreferrer">http://jsfiddle.net/rZxrm/</a></p>