SpringBoot項目中使用Bootstrap 的CSS、JS資源

本文轉載自查看原文 2019-03-24 21:47 3345 整合案例/ Spring Boot

首先需要在 application.properties 文件中添加這句

spring.mvc.static-path-pattern=/**

不然是使用不了的

還有一種辦法就是使用bootstrap的cdn地址，不怕麻煩的話，【斜臉笑】，建議還是使用以上方式

示例：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Bootstap demo </title>
 6         <link rel="stylesheet" href="/css/bootstrap.min.css">
 7     </head>
 8     <body>
 9     <nav aria-label="Page navigation">
10         <ul class="pagination">
11             <li>
12                 <a href="#" aria-label="Previous">
13                     <span aria-hidden="true">&laquo;</span>
14                 </a>
15             </li>
16             <li><a href="#">1</a></li>
17             <li><a href="#">2</a></li>
18             <li><a href="#">3</a></li>
19             <li><a href="#">4</a></li>
20             <li><a href="#">5</a></li>
21             <li>
22                 <a href="#" aria-label="Next">
23                     <span aria-hidden="true">&raquo;</span>
24                 </a>
25             </li>
26         </ul>
27     </nav>
28     </body>
29 </html>

效果：

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 在 React項目中使用 bootstrap springboot項目中使用maven resources 在springboot項目中使用swaggerui 在vue-cli項目中使用bootstrap SpringBoot系列: SpringBoot Web項目中使用Shiro 在前后端分離項目中使用SpringBoot集成Shiro 如何在 Node.js 項目中使用 MQTT MVC項目中使用js 設置Checkbox的選中事件項目中使用protobuf vue-cli+webpack在生成的項目中使用bootstrap方法（二）