引导 4 样式未使用带有百里香叶的弹簧靴加载



我在使用 Bootstrap 4 时遇到了问题:样式未加载到页面中。我正在使用Spring Boot,Maven和THymeleaf。

在我的 HTML 文件中,我有

<link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/4.0.0-beta.2/css/bootstrap.min.css}" />

我也有我的 Maven 依赖项

<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>4.3.1</version>
</dependency>

例如,当我尝试添加引导卡或按钮时,我会看到它们以基本的 html 样式出现。 那么,我的问题是什么? 感谢您的帮助

这是在pom.xml文件中添加这些依赖项的方法

<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>4.0.0-2</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator</artifactId>
<version>0.30</version>
</dependency>

使用Spring Framework version 4.2 or higher时,它将自动检测类路径上的webjars-locator库,并使用它来自动解析任何 WebJars 资产的版本。 只需将标签添加到您的视图页面标签中

<link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}">

并添加这些<body></body>标签的底部

<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>

我希望你现在在引导中。快乐编码。


为了更好地理解我所说的参考这个 - https://www.baeldung.com/maven-webjars

尝试(类似于(这个:

<link rel="stylesheet"
th:href="@{webjars/bootstrap/4.3.1/css/bootstrap.min.css}" />

注意事项:

  1. 引导程序的版本。您的 html 版本与 pom 版本不同。
  2. 你必须使用"webjars/..."在大括号内,而不是"/webjars/..."。删除前导斜杠 (/(。

在此处查看示例。

最新更新