Bootstrap CSS打破了工具提示弹出窗口 [英] Bootstrap CSS breaks tooltip popover

问题描述

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

The event tooltip event render works fine until i add a bootstrap css

工作地点

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

当我将以下内容添加到CSS

When i add the following to the css

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

它打破了提示的显示.

这是在Codepen上添加了CSS的相同演示

Here is the same demo on codepen with the css added to it

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

我该如何补救?

推荐答案

更改:

  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. 希望我可以使某人免于头痛

Works with bootstrap 4. Hope i saved someone the headache

这篇关于Bootstrap CSS打破了工具提示弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！