CSS not loading in Spring Boot

by

You need to put your css in /resources/static/css. This change fixed the problem for me. Here is my current directory structure.

src
  main
    java
      controller
        WebAppMain.java
    resources
      views
        index.html
      static
        css
          index.css
          bootstrap.min.css

Here is my template resolver:

public class WebAppMain {

  public static void main(String[] args) {
    SpringApplication app = new SpringApplication(WebAppMain.class);
    System.out.print("Starting app with System Args: [" );
    for (String s : args) {
      System.out.print(s + " ");
    }
    System.out.println("]");
    app.run(args);
  }


  @Bean
  public ViewResolver viewResolver() {
    ClassLoaderTemplateResolver templateResolver = new ClassLoaderTemplateResolver();
    templateResolver.setTemplateMode("XHTML");
    templateResolver.setPrefix("views/");
    templateResolver.setSuffix(".html");

    SpringTemplateEngine engine = new SpringTemplateEngine();
    engine.setTemplateResolver(templateResolver);

    ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
    viewResolver.setTemplateEngine(engine);
    return viewResolver;
  }
}

And just in case, here is my index.html:

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring3-3.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Subscribe</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

        <!-- Bootstrap -->
    <link type="text/css" href="https://stackoverflow.com/questions/21203402/css/bootstrap.min.css" rel="stylesheet" />
    <link type="text/css" href="css/index.css" rel="stylesheet" />
</head>
<body>
<h1> Hello</h1>
<p> Hello World!</p>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>

More Related Contents:

  1. Spring Boot not serving static content
  2. What is difference between @RequestBody and @RequestParam?
  3. Spring Boot Security CORS
  4. Spring boot – Not a managed type
  5. ApplicationContextException: Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean
  6. Spring Boot CORS filter – CORS preflight channel did not succeed
  7. Spring catch all route for index.html
  8. Enable HAL serialization in Spring Boot for custom controller method
  9. How to handle HTTP OPTIONS requests in Spring Boot?
  10. How to use LocalDateTime RequestParam in Spring? I get “Failed to convert String to LocalDateTime”
  11. Spring MVC Annotated Controller Interface with @PathVariable
  12. Configure Multiple MongoDB repositories with Spring Data Mongo
  13. Spring – How to stream large multipart file uploads to database without storing on local file system [duplicate]
  14. Configure spring boot to redirect 404 to a single page app [duplicate]
  15. How to avoid the “Circular view path” exception with Spring MVC test
  16. How to use 2 or more databases with spring?
  17. Configure Spring Boot with two ports
  18. File Upload with Angular2 to REST API
  19. Bean injection inside a JPA @Entity
  20. Prevent Spring Boot from registering a servlet filter
  21. how to capture multiple parameters using @RequestParam using spring mvc?
  22. JPA / JTA / @Transactional Spring annotation
  23. What are the differences between Model, ModelMap, and ModelAndView?
  24. Difference between Interceptor and Filter in Spring MVC
  25. Set default page size for JPA Pageable Object
  26. How to pass system property to Gradle task
  27. @RequestBody is getting null values
  28. Redirect to dynamic URL in Spring MVC
  29. Understanding contexts in Spring MVC
  30. With Spring Data REST, why is the @Version property becoming an ETag and not included in the representation?

Leave a Comment