Html Boostrap CDN阻止modals出现

因此，我的样式表如下所示：

script(src="/js/application.js")
script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js")
script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js")
link(rel="stylesheet", href="/css/bootstrap.css")
link(rel="stylesheet", href="/css/bootstrap.min.css")
link(rel="stylesheet", href="/css/style.css")
link(rel="stylesheet", href="/css/header.css")
link(rel="stylesheet", href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css")
link(rel="stylesheet", href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js")

现在，我使用w3学校的标准模态示例来演示boostrap：

如果我点击按钮显示模式，我的HTML页面会失去焦点，但页面上什么也没有显示（这让我觉得它通常可以工作，但无法显示模式）

如果我删除链接（rel=“stylesheet”，href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css“” 然后，模式工作得很好，但很明显，我的所有其他css都消失了

---

是否有人知道这个问题，甚至可能有修复方法？

您正在使用2个版本的引导。如果您想要版本4中的所有CSS，请尝试使用该特定代码。以下是链接：

我发现了问题，我使用的是不兼容的js和css版本的引导。

请确保在引导后链接您的个人样式表和js文件。否则bootstrap将覆盖它。您可以添加一个JSFIDLE吗？为什么要多次链接到bootstrap.min.css和bootstrap.min.js？您只需要一个link语句来获取CSS，一个script语句来获取javascript。引导文件应该有两行代码。此外，正如@cb64所说，您的个人样式表和javascript文件应该位于外部供应商的任何样式表和javascript文件之后。问题仍然存在，如果我使用4.3.0运行我的应用程序，那么我无法打开模式，如果我删除它，而使用版本3.3.4，我可以打开它。现在，这对我没有帮助，因为看起来我必须保留两个版本才能保持正确的风格。看来你找到了解决方案。我建议您包含更多代码以供将来参考。这将在几秒钟内回答您的问题。快乐编码！