Question

使用此代码时，样式不会加载：

<div class="container">     
    <div class="w-50">  
        <div class="border border-info"> 
            <div><h3 class="font-weight-bold" th:text="${post.title}"></h3></div >          
            <div><span>Category: </span><span th:text="${post.category}"></span></div>
            <div  th:text="${post.content}"></div >
            <div><span>Author: </span><span  th:text="${post.signature}"></span></div >     
            <div  th:text="${#dates.format(post.date, 'dd-MM-yyyy')}"></div >                   
        </div>
    </div>
</div>

使用以下代码正确加载页面：

<div class="container">     
    <div class="w-50">              
        <div class="border border-info" >
            <div><h3 class="font-weight-bold" ></h3></div >         
            <div><span>Category: </span><span ></span></div>
            <div  ></div >
            <div><span>Author: </span><span></span></div >      
            <div  ></div >      
    </div>
    </div>
</div>

有人可以帮助这里的对象出错吗？

Answer 1

问题可能是因为您没有使用Thymleaf的语法来链接样式表。

尝试改变：

<link rel="stylesheet" type="text/css" href="webjars/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" />

为：

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

Bootstrap未加载（Thymeleaf）

1 个答案: