所以我的样式表如下:
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都消失了。
有人知道这个问题,甚至可能有解决办法吗?
答案 0 :(得分:0)
您正在使用2个版本的Bootstrap。如果要使用版本4中的所有CSS,请尝试使用该特定代码。这是链接:https://getbootstrap.com/docs/4.0/components/modal/
答案 1 :(得分:0)
我发现了问题,我正在使用不兼容的js和css版本的引导程序。