FullCalendar 事件显示为细线

Question

我使用 this website 的 FullCalendar 插件，我在 Bootstrap 模式中使用此日历，并在页面的主要内容中使用相同的日历。虽然在我页面的主要内容中，日历事件显示得很好，但在模态事件中显示的线条非常细，如下图所示。我尝试用 CSS 设置它们的样式，结果是调整了事件框的大小，但标题从未出现

.fc-event {
  min-height: 25px;

}

呈现日历的 JQuery 代码如下，事件来自 servlet 作为 json

$('#calendar').fullCalendar({
        header: {
            center: 'title',
            left: '',
            right: '',

        },
        events: src

        ,
        eventClick: function (calEvent) {
            viewEvent(calEvent.id);
            $('#aModal').modal();
        },
        // put your options and callbacks here
    });

Answer 1

.fc-content span{



    display:block;
}

事件详细信息显示为跨度，因此显示块

FullCalendar 事件显示为细线

FullCalendar events show as thin line

javascript

css

jquery

fullcalendar

twitter-bootstrap