Rumah  >  Artikel  >  hujung hadapan web  >  springboot怎么用bootstrap

springboot怎么用bootstrap

angryTom
angryTomasal
2019-07-29 16:11:544120semak imbas

springboot怎么用bootstrap

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

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

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

boot51.png

不然是使用不了的

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

示例:

<!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

Atas ialah kandungan terperinci springboot怎么用bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:bootstrap缓存怎么解决Artikel seterusnya:c#如何使用bootstrap模板