水平设置工具提示文本

Question

基本上，我希望我的工具提示文本水平显示，背景颜色为黄色。仅供参考，我使用引导工具提示。

这是工具提示文本的当前代码：

<c:choose>
   <c:when test="${fn:length(product.description) gt 56}">
     <div class="description-wrapper" data-toggle="tooltip" dataplacement="bottom"title="${product.description}">${product.description}</div>
   </c:when>
   <c:otherwise>
     <div class="description-wrapper">${product.description}</div>
   </c:otherwise>
</c:choose>

这里是 jQuery 代码：

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

目前对于上面的代码，工具提示的文字是垂直显示的，如图：

所以我需要完成两件事：我需要使工具提示文本框和文本以宽度大于其高度的水平方式显示，如果有意义的话，基本上就像一个矩形。其次，我希望背景颜色为黄色。

Answer 1

.tooltip-inner {
  width: 300px; /* width of tooltip */
  background: #999; /* you can add custom color here */
}

.tooltip.top .tooltip-arrow {
  border-top-color: #999; /* you can add custom color here */
}