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

使用引导程序4。希望我能使别人免于头痛

Bootstrap CSS打破了工具提示弹出窗口

1 个答案: