Question

我正在尝试设置我的bootstrap 4 tool-tip。我想改变它的背景颜色，高度，宽度和边框。根据我的说法，我没有找到任何方式来设计它。

这是我的HTML

<i class="fa fa-question-circle "href="#" data-toggle="tool-tip" title="Cover for any accidental loss or damage to the vehicle caused by natural calamities such as floods, storms, earthquakes, etc." aria-hidden="true"> </i>

工具提示工作正常，但我无法设计它。

Answer 1

使用不同的样式查看以下示例：

HTML：

tomcat connection pool

CSS：

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Default">Default</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" data-type="primary" title="Primary">Primary</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" data-type="info" title="Info">Info</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" data-type="success" title="Success">Success</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" data-type="warning" title="Warning">Warning</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" data-type="danger" title="Danger">Danger</button>

这是完整的工作代码：

https://codepen.io/anon/pen/pVGKpW

如何设置bootstrap的工具提示4

1 个答案: