springboot怎么用bootstrap


本文摘自PHP中文网,作者angryTom,侵删。

如果你想了解更多关于bootstrap的知识,可以点击:bootstrap教程

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

1

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

boot51.png

不然是使用不了的

还有一种办法就是 使用bootstrap的cdn地址,不怕麻烦的话,【斜脸笑】,建议还是使用以上方式

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>Bootstap demo </title>

        <link rel="stylesheet" href="/css/bootstrap.min.css">

    </head>

    <body>

    <nav aria-label="Page navigation">

        <ul class="pagination">

            <li>

                <a href="#" aria-label="Previous">

                    <span aria-hidden="true">&laquo;</span>

                </a>

            </li>

            <li><a href="#">1</a></li>

            <li><a href="#">2</a></li>

            <li><a href="#">3</a></li>

            <li><a href="#">4</a></li>

            <li><a href="#">5</a></li>

            <li>

                <a href="#" aria-label="Next">

                    <span aria-hidden="true">&raquo;</span>

                </a>

            </li>

        </ul>

    </nav>

    </body>

</html>

效果图:

boot52.png

以上就是springboot怎么用bootstrap的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

bootstrap有cdn吗

bootstrap如何给div设置边框颜色

bootstrap复选框怎么实现

bootstrap表单怎么居中

bootstrap框架的好处

bootstrap基于什么开发

bootstrap 如何设置移动端元素隐藏

bootstrap的栅格系统是什么?栅格系统详解

bootstrap的构成模块是什么

bootstrap如何限定日期选择器可选时间范围?(代码示例)

更多相关阅读请进入《springBoot》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...