Итак, мои таблицы стилей следующие:
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: https://www.w3schools.com/Bootstrap/bootstrap_modal.asp
И если я нажму на кнопку, чтобы показатьмодал моей HTML-страницы теряет фокус, но на странице ничего не появляется (заставляет меня думать, что в целом это работает, но не может просто отобразить мой модал).
Если я удаляю link(rel="stylesheet",href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"), то модал работает просто отлично, но, очевидно, все мои другие css пропали.
Кто-нибудь знает об этой проблеме и может даже иметь исправление?