Bootstrap v4 不工作（Spring、Thymeleaf、Java8）答案

【问题标题】：Bootstrap v4 not working (Spring, Thymeleaf, Java8)Bootstrap v4 不工作（Spring、Thymeleaf、Java8）
【发布时间】：2019-03-04 15:07:39
【问题描述】：

从 bootstrap v3.3.7 切换到 v4 时，出现问题。页面加载时没有任何样式。我尝试通过多种方式添加：

CDN 网址（有效，但对我来说没有退出）。
本地。在静态文件夹中添加 css/js 文件。
具有 Maven 依赖项。

但没有任何结果。有趣的是，我的 main.css 正在运行，并且还在静态文件夹中。

可能是什么问题？

我用：

Java 8

百里香

春天

Maven

header

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
	<!-- Font Awesome -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/4.1.3/css/bootstrap.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/css/main.css}"/>
</head>

folder

page

【问题讨论】：

请在发布代码时发布文字，而不是图片。 min.css 文件的路径与您在文件树中显示的不匹配。
但是如果编译器识别出.css文件，我可以从href中的链接进入，还不够吗？
你能发布你的项目目录结构和你的 pom.xml 文件吗？ WebJars需要进入resources下的特定目录，需要pom.xml文件中的依赖。
回复：“CDN 网址（工作但对我来说不退出）”。 “退出”是什么意思？

标签： java html spring bootstrap-4 thymeleaf

【解决方案1】：

问题总是出现，因为如果您没有为引导程序提供正确的路径。请查看到达引导程序的路径，然后重试。唯一的问题似乎是提供的路径。

【讨论】：

感谢您的回答。但路径是正确的。我可以通过单击 href 中的链接转到 .css 文件。我将标题图片更改为更相关。
@EricShooter 文件树中的路径显示min 在一个名称不佳的目录下。另外，如果您将其作为静态资源，那么您应该将其作为静态资源作为确实工作的文件进行访问。

【解决方案2】：

这是对我有用的配置

build.gradle

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf:2.1.5.RELEASE'
    implementation 'org.webjars:bootstrap:4.0.0-2'
    implementation 'org.webjars:webjars-locator:0.30'
    implementation 'org.webjars:font-awesome:5.11.2'
}

你的.html

CSS

    <link th:rel="stylesheet" th:href="@{/webjars/bootstrap/4.0.0-2/css/bootstrap.min.css} "/>
    <link th:rel="stylesheet" th:href="@{/webjars/font-awesome/5.11.2/css/all.css} "/>

javascript

<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
<script th:src="@{/webjars/popper.js/umd/popper.min.js}"></script>
<script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>

另外，如果你实现了WebMvcConfigurer，你需要相应地添加资源处理程序

@Override
    public void addResourceHandlers(final ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/resources/**").addResourceLocations("/", "/resources/");
        registry.addResourceHandler("/assets/**").addResourceLocations("/", "/assets/");
        registry.addResourceHandler("/webjars/**").addResourceLocations("/", "/webjars/");
    }

【讨论】：