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

问题描述 投票:0回答:1

事件工具提示事件渲染工作正常,直到我添加一个bootstrap css

工作现场

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

当我将以下内容添加到CSS

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

它打破了显示的tootips。

这是与codepen相同的演示,并添加了css

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

我该如何解决这个问题?

fullcalendar fullcalendar-4
1个回答
2
投票

改变:

  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.希望我救了别人头痛

© www.soinside.com 2019 - 2024. All rights reserved.