只需添加一个链接样式表，就可以在nextjs项目中使用bootstrap 4吗？
只需添加一个链接样式表，就可以在nextjs项目中使用bootstrap 4吗？
提问于 2019-05-28 22:35:29
我有一个项目，我在标题中像这样导入了bootstrap：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />一切都很好，直到我决定添加一个旋转木马。旋转木马显示正确，但它不旋转，侧面的按钮也不起作用。我还注意到我的菜谱也不起作用。
在我的研究中，我看到很多人建议使用reactstrap和其他一些第三方库，但我想知道是否可以继续使用链接样式表。
据我所知，问题在于jquery和bootstrap以错误的顺序导入，这可能会导致这些元素中断。
回答 2
Stack Overflow用户
发布于 2019-05-29 00:13:42
使用另一个网站作为参考解决了这个问题：https://www.bootstrapcdn.com/
不是使用
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />我用过
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>它终于开始起作用了。
Stack Overflow用户
发布于 2021-07-03 21:39:06
，但它不旋转，侧面的按钮也不起作用。我还注意到我的菜谱也不起作用。
如果不导入js脚本，则页面上没有任何功能。也添加这些脚本，您的按钮和折叠菜单应该会开始工作
**for css link**
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56344586
复制相关文章
相似问题
腾讯云开发者
