修改Bootstrap工具提示的布局

2024-05-20 • 问答

我的asp.net mvc内核中包含以下代码：-

<input asp-for="b5" type="text" class="form-control" data-toggle="tooltip" data-placement="top" title="Update the number to match your case.">

现在我定义为在顶部显示工具提示。但是在Firefox和Chrome浏览器上，工具提示将显示在该字段的随机位置。

第二个问题，在所有浏览器上，工具提示将显示为没有任何布局，因此我如何添加类似于此链接https://getbootstrap.com/docs/4.0/components/tooltips/:-

的布局

您是否遵循了提供的文档链接中的建议？

工具提示依赖于第三方库Popper.js进行定位。您必须在bootstrap.js之前加入popper.min.js或使用包含Popper.js的bootstrap.bundle.min.js / bootstrap.bundle.js才能使工具提示起作用！

您还需要在JavaScript中启用工具提示：

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

本文链接：https://www.f2er.com/2318951.html