Javascript 是否可以通过添加链接样式表在nextjs项目中使用Bootstrap4？

我有一个项目，我在项目头上导入了如下引导：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />

在我决定增加旋转木马之前，一切都很顺利。 转盘显示正常，但不旋转，侧面的按钮也不工作。 我还注意到我的colapsed菜单也不起作用

在我的研究中，我看到很多人建议使用reactstrap和其他一些第三方库，但我想知道是否有可能继续使用链接样式表

---

据我所知，问题在于jquery和引导程序以错误的顺序导入，这可能会导致这些元素中断。

使用另一个网站作为参考解决了这个问题：

而不是使用

<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>

---

它终于开始工作了。

我正在使用reactstrap，并在我的全局SCS中链接全局样式表，但最终还是一样的。carousel的问题是它需要JS是动态的，Bootstrap使用jQuery、Popper.JS和它自己的JS，这与React的开箱即用性不好。Reactstrap成为了一个不错的选择。您好@Emilebergron，谢谢您的回答！我刚刚找到了解决问题的方法，效果很好。我不需要安装任何其他库，只是按照正确的顺序添加了bootstrap.js和jquery。