when i used thymeleaf in our code and replace header code into seprate file then not show header tab

Question

I am learning Spring Boot and using Thymeleaf in my project. When I replace the header code as a separate file in the same folder and use Thymeleaf's replace syntax, the CSS, JS, and Bootstrap code is not displayed on the website. When I try to run it on port 8080, only the HTML code is displayed without the CSS, JS, or Bootstrap.

log output error 2024-05-17T09:44:23.684+05:30 WARN 17192 --- [nio-8081-exec-1] actStandardFragmentInsertionTagProcessor : [THYMELEAF][http-nio-8081-exec-1][home.html] Deprecated unwrapped fragment expression "footer :: footer" found in template home.html, line 353, col 6. Please use the complete syntax of fragment expressions instead ("~{footer :: footer}"). The old, unwrapped syntax for fragment expressions will be removed in future versions of Thymeleaf.

this is the syntax i use

directory image

header file

the problem is likely to be in header.html - it has to have a fragment defined (e.g. <div th:fragment="header">) see thymeleaf.org/doc/articles/layouts.html — asgarov1
– asgarov1, Commented May 17, 2024 at 7:00

Wim Deblauwe · Accepted Answer · 2024-05-17 14:55:23Z

0

I see that you refer to the CSS file like this:

<link rel="stylesheet" href="/static/css/style-starter.css">

Spring Boot serves what is inside the static folder on the root, so you should use something like this:

<link rel="stylesheet" th:href="@{/css/style-starter.css}">

answered May 17, 2024 at 14:55

Wim Deblauwe

27.2k23 gold badges157 silver badges234 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

when i used thymeleaf in our code and replace header code into seprate file then not show header tab

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related