Java 水平设置工具提示文本

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

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

<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>

${product.description}
${product.description}

以下是jQuery代码：

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

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

目前，对于上述代码，工具提示以垂直方式显示文本，如图所示：

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

.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 */
}