我的bootstrap.css文件覆盖了fullcalendar.css文件，即使我在标题中正确地放置了顺序：
<head>
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<link href='calendar/fullcalendar.css' rel='stylesheet' />
<link href='calendar/fullcalendar.print.css' rel='stylesheet'media='print'/>
</head>正常情况下，fullcalendar.css应该覆盖bootstrap.css文件，但它不起作用。当我在标题中插入bootstrap.css文件时，一些文本变小并带有下划线，我不希望出现这种情况。我可以将fullcalendar.css文件中的所有行设置为！important，但fullcalendar.css包含很多行，我不确定此解决方案是否有效。请帮助。
1条答案
按热度按时间z0qdvdin1#
现在应该已经晚了，但我的回答可能会对别人有所帮助。
对于bootstrap 5，您可以引用fullcalendar official demo来覆盖css样式
在bootstrap 5 css链接之后添加
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/bootstrap5@6.0.2/index.global.min.js"></script>可以帮助修复这个问题。