Question

使用引导程序4时，工具提示的样式无效。但是当使用bootstrap 3.4时，它可以工作。

例如：X<sub>1</sub> 看起来像不是：X ₁。

以下内容无效：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script  src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script async src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

以下作品：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

我正在使用：

<a href="#" data-html="true" data-toggle="tooltip" 
title="Hooray! <sub>2</sub>">Hover over me</a> 

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

我试图将jquery更改为3.4.0，但这没有帮助。

Answer 1

在bootstrap-4中，如果您使用工具提示，则必须包含 popper.js
bootstrap.min.js不应 async ，因为它取决于popper和jquery。

为什么工具提示样式在Bootstrap 4中不起作用，但在Bootstrap 3中起作用？

1 个答案: