SpringBoot2.0 + Thymleaf 引用外部 CSS无效的解决办法

在使用SpringBoot2.0和Thymleaf时,作者遇到引入Bootstrap CSS无效的问题。经过一上午的排查,发现是Thymleaf对HTML渲染的严格性导致的。解决方案是在link标签中添加`rel="stylesheet"`属性,从而正确地引用CSS文件。
摘要由CSDN通过智能技术生成

1. 首先我要先吐槽,狠狠的吐槽!现在遇见的问题都是百度,但是我越来越失望了,百度问题出来的有80%是无脑的复制粘贴,20%不懂还瞎说,各个平台上都有,真是误人子弟啊。平复一下心情,说问题;耗时一上午,最终解决的,真是细节决定成败

2. 问题描述: springBoot2.0 + Thymleaf 想要引入bootstrap做一个简单的记事本自己用

原始代码:

2.1


note: 说明一下这个路径是正确的,springboot不管是1.x或2.x都是默认去static下面寻找静态资源,所以这样在浏览器localhost:8080/css/bootstrap.min.css是可以访问到的;顺便多说一句,springBoot2.0这个默认localhost:8080/ URL回去寻找templates下的index.x(.html .ftl),即使没有显示的编写controller也是可以的,本人亲自实验过的。

2.2 然后问题来了


页面并没有按照指定的class样式进行渲染,于是开始了漫长的百度之路..最后还是靠自己无意中想起来Thymleaf对于渲染html时比较严格的,必须遵守XML规则类似的,具体请看官网,任何技术还是参考官方文档靠谱,然后再自己亲自实践去证明


3.解决办法:   

<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}">
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值