使用 Thymeleaf 将 CSS 链接到 HTML 视图答案

【问题标题】：Linking CSS to HTML view using Thymeleaf使用 Thymeleaf 将 CSS 链接到 HTML 视图
【发布时间】：2017-04-05 09:13:59
【问题描述】：

早安，晚安，晚安，

这里有一个菜鸟问题，我使用 Thymeleaf 作为模板引擎，链接 Bootstrap CSS 表似乎不起作用，这是我的结构

资源
-静态
--css
---bootstrap.min.css
-模板
--view.html

代码行

< link rel="stylsheet" type="text/css" href="../static/css/bootstrap.min.css" th:href="@{../css/bootstrap.min.css}"/>

已编辑：当我打开 href 中的链接时，我确实得到了纯文本 .css 文件，我在表格类中使用的.table-striped 属性确实存在于 CSS 文件中。

<table class="table table-striped">

感谢您的反馈

【问题讨论】：

当你进入开发者工具（F12）时，你看到了什么错误？我不知道 Thymeleaf，但我认为你应该使用 ../static/css/bootstrap.min.css。
嘿，谢谢您的反馈，我在开发控制台上没有看到任何错误，我只是通过打开它来测试链接，我确实得到了纯文本 .css 文件.. 我猜是表示路径正确，但还是看不到页面上的css外观。
IntelliJ Spring Boot project can't find my CSS files with Thymeleaf的可能重复
我已经尝试过那里提到的动态路径，不是这样。路径被识别并链接到 css 文件，知道为什么它仍然显示一个没有 css 的简单 html 表吗？跨度>

【解决方案1】：

这是检查您的路径是否正确的有趣方法！我将使用 Chrome 作为示例，但您选择的浏览器可能会略有不同。

您将看到一个纯文本的 .css 文件，或者您会得到一个 404。如果是 404，那么您的路径是错误的！

【讨论】：

嗨，感谢您的反馈，令人惊讶的是，当我打开链接时，我确实得到了纯文本 .css 文件，并且我在课堂上使用的属性确实存在，但奇怪的是页面仍然没有CSS
那么这可能是一个愚蠢的问题 - 检查您的选择器，检查拼写错误，检查所有相关内容。更好的是，如果您可以在 codepen 或 jsfiddle 中重现它，我们可以为您提供更好的帮助。

【解决方案2】：

不要忘记在头部添加脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

【讨论】：

【解决方案3】：

终于明白了..这是网址，这对我有用， /static 我猜是默认处理的，所以将其从 url 及其“twerkin”中删除。

结构
-静态
--css
---bootstrap.min.css
-模板
--view.html

CSS 链接
th:href="@{/css/bootstrap.min.css}

【讨论】：