我在使用 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}" />
注意事项:
- 引导程序的版本。您的 html 版本与 pom 版本不同。
- 你必须使用"webjars/..."在大括号内,而不是"/webjars/..."。删除前导斜杠 (/(。
在此处查看示例。