twitter-bootstrap - Bootstrap CSS 打破了工具提示弹出框

Question

事件工具提示事件渲染工作正常，直到我添加引导 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

我该如何补救？

Answer 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'
     });
   },   

与 bootstrap 4 一起使用。希望我能省去一些人的头疼