鏈接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

回答

相關問題