Reference a .css file with thymeleaf in spring mvc using th:href

Question

I have my index.html thymeleaf page coming up but the CSS I am referencing on the page is not being found.

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

Here is what the deployed WAR looks like in Tomcat:

The index.html is in the templates folder.

But I am getting the following error in the Chrome console:

GET http://localhost:8080/pocApp/css/bootstrap.min.css 404 (Not Found)

If I can get the index.html page fine why can't the thymeleaf servlet find that file? I've tried sticking the entire css directory into various places in the directory structure such as in WEB-INF and within WEB-INF/classes with no luck.

Justin · Accepted Answer · 2015-12-02 18:58:14Z

1

This site is quickly becoming my rubber duck as this is the second question of mine I've answered myself.

In my Spring 4 Java Config I have this:

public class SpringWebConfig extends WebMvcConfigurerAdapter {

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/resources/**")
            .addResourceLocations("/resources/");
}

So I just had to restructure my directory and change the stylesheet URL.

New directory structure:

And the new code snippet from my index.html

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

answered Dec 2, 2015 at 18:58

Justin

8874 gold badges15 silver badges31 bronze badges

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

1 Comment

user1853517 Over a year ago

Welcome to my world.. I just assume I know more than most as I don't ask a lot of questions and when I do, I answer myself. :(

Collectives™ on Stack Overflow

Reference a .css file with thymeleaf in spring mvc using th:href

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related