链接CSS使用Thymeleaf

早上好HTML视图，晚上好，晚上好，链接CSS使用Thymeleaf

这里一个noob问题，我使用Thymeleaf的模板引擎，并链接引导CSS片似乎并没有工作，这里是我的strucuture

资源
-static
--css
--- bootstrap.min.css
-templates
--view.html

和代码行

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

编辑：我得到明文.css文件当我打开在href，连杆和.table-striped属性我使用我的表类确实存在CSS文件。

<table class="table table-striped">

感谢您的反馈

来源

2016-11-21 NZED

当你进入开发者工具（F12）时，你有什么错误看到？我不知道Thymeleaf，但我认为你应该使用../static/css/bootstrap.min.css。 – sniels

嘿，谢谢你的反馈，我没有看到任何错误的开发控制台，我只是通过打开它测试链接，我确实得到明文.css文件..我想这意味着路径是正确的，但我仍然无法在页面上看到CSS的外观和感觉。 – NZED

[IntelliJ Spring Boot项目无法找到带有Thymeleaf的CSS文件]（http：// stackoverflow。问题/ 40452365/intellij-spring-boot-project-can-find-my-css-files-with-thymeleaf） – DimaSan

得到它终于..这是网址，这是对我工作， /静态默认情况下处理我猜因此将其从网址和“twerkin”中移除。

结构
-static
--css
--- bootstrap.min.css
-templates
--view.html

CSS链接
日：HREF =“@ {/ css/bootstrap.min.css}

来源

2016-11-30 14:02:26 NZED

这里有一个有趣的方式来检查，如果你的路是正确的！我将使用Chrome作为示例，但也许您选择的浏览器略有不同。

开放开发工具
找到你的链接
在href右键点击网址，然后点击“在新标签中打开”

你要么看到明文的.css文件，否则你会得到404。如果它是404，你的路径是错误的！

来源

2016-11-21 21:02:09 i7nvd

嗨，谢谢您的反馈，令人惊讶的是，当我打开链接时，我确实得到了纯文本.css文件，并且我在课堂中使用的属性确实存在，但奇怪的是该页面仍然没有CSS – NZED

这可能是一个愚蠢的问题然后 - 检查你的选择器，检查错别字，检查所有相关的东西。更好的是，如果你可以用codepen或jsfiddle重现它，我们仍然可以帮助你更好。 – i7nvd

不要忘了脚本添加到头：

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

来源

2016-11-21 21:06:01

嘿，谢谢你的反馈Alisa，我不认为添加脚本是必要的，用于将CSS资源链接到html视图，但是，不是吗？ – NZED

链接CSS使用Thymeleaf

回答

相关问题