因此，在我的网页上，我有几个工具提示，但我想每个人的颜色是不同的。我该怎么做呢？我想这将是可能的，通过一个复杂的路线的CSS，但我希望的东西更简洁。

HTML

<div class="row redbg" data-toggle="tooltip" data-placement="right" title="Lorem ipsum dolor sit amet"></div>    
<div class="row bluebg" data-toggle="tooltip" data-placement="right" title="Lorem ipsum dolor sit amet"></div>

JavaScript

<script>
    $(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
    </script>

CSS（目前仅用于红色）

/* TOOL TIP */
.tooltip-inner {
    background-color: red;
    color: #fff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: red;
}

.tooltip.right .tooltip-arrow {
    border-right-color: red;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: red;
}

.tooltip.left .tooltip-arrow {
    border-left-color: red;
}
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
    height:75px;

那么，我如何使类为redbg的div显示红色工具提示，而类为bluebg的div如何显示蓝色工具提示呢？
谢谢