Bootstrap CSS打破了工具提示弹出窗口
问题描述:
在我添加引导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