Boostrap CDN阻止出现模态

时间:2019-02-27 18:18:20

标签: html css bootstrap-modal

所以我的样式表如下:

SgmlReader

现在我将w3学校的标准模态示例用于boostrap:https://www.w3schools.com/Bootstrap/bootstrap_modal.asp

如果我单击按钮以显示模式,则我的HTML页面失去焦点,但页面上什么都没有显示(使我认为它通常可以工作,但无法显示模式)。

如果我删除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") 然后该模式就可以正常工作,但显然我所有其他CSS都消失了。

有人知道这个问题,甚至可能有解决办法吗?

2 个答案:

答案 0 :(得分:0)

您正在使用2个版本的Bootstrap。如果要使用版本4中的所有CSS,请尝试使用该特定代码。这是链接:https://getbootstrap.com/docs/4.0/components/modal/

答案 1 :(得分:0)

我发现了问题,我正在使用不兼容的js和css版本的引导程序。