Bootstrap CSS 打破了工具提示弹出框答案

【问题标题】：Bootstrap CSS breaks tooltip popoverBootstrap CSS 打破了工具提示弹出框
【发布时间】：2019-04-20 12:19:07
【问题描述】：

在我添加引导 css 之前，事件工具提示事件渲染工作正常

工作地点

https://fullcalendar.io/docs/event-tooltip-demo

当我将以下内容添加到 css 中时

 https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css

它会破坏提示信息的显示。

这是在 codepen 上添加 css 的相同演示

https://codepen.io/ryan-ramsumair/pen/GLGpwQ?editors=0110

我该如何解决这个问题？

【问题讨论】：

标签： twitter-bootstrap fullcalendar tooltip popper.js fullcalendar-4

【解决方案1】：

变化：

  eventRender: function(info) {
  var tooltip = new Tooltip(info.el, {
    title: info.event.extendedProps.description,
    placement: 'top',
    trigger: 'hover',
    container: 'body'
  });

收件人：

    eventRender: function(info) {
     $(info.el).tooltip ({
     title: info.event.title,
     placement: 'top',
     trigger: 'hover',
     container: 'body'
     });
   },

适用于引导程序 4。希望我让别人头疼

【讨论】：