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删除。

猜您在找 vue项目中使用bootstrap4 Laravel 项目中使用 Bootstrap 框架 vue项目中使用bootstrap 在 React项目中使用 bootstrap Mvc 项目中使用Bootstrap以及基于bootstrap的 Bootgrid springboot项目中使用maven resources 在springboot项目中使用swaggerui 在vue-cli项目中使用bootstrap 在vue-cli项目中使用bootstrap的方法示例在vue-cli项目中使用bootstrap