springboot怎么用bootstrap-Bootstrap教程-PHP中文网

首页

web前端

Bootstrap教程

springboot怎么用bootstrap

angryTom

Jul 29, 2019 pm 04:11 PM

bootstrapspringboot

springboot怎么用bootstrap

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

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

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

不然是使用不了的

还有一种办法就是使用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>

效果图：

以上是springboot怎么用bootstrap的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

Bootstrap是用什么？一个实用的解释Apr 24, 2025 am 12:16 AM

bootstrapisapowerfulflameworkthatsimplifiesCreatingingResponsive，移动 - firstwebsites.itoffers.itoffers：1）AgridSystemforadaptableBableLayouts，2）2）pre-styledlementslikeButtonslikeButtonSandForms和3）JavaScriptCompriptcomponcomponentsSuchcaroSelSuselforEnhanceSuch forenhanceTinteractivity。

引导程序：从布局到组件Apr 23, 2025 am 12:06 AM

Bootstrap是一个由Twitter开发的前端框架，集成了HTML、CSS和JavaScript，帮助开发者快速构建响应式网站。其核心功能包括：栅格系统与布局：基于12列的设计，使用flexbox布局，支持不同设备尺寸的响应式页面。组件与样式：提供丰富的组件库，如按钮、模态框等，通过添加类名即可实现美观效果。工作原理：依赖CSS和JavaScript，CSS使用LESS或SASS预处理器，JavaScript依赖jQuery，实现交互和动态效果。通过这些功能，Bootstrap大大提升了开发

什么是bootstrap？初学者的介绍Apr 22, 2025 am 12:07 AM

BootstrapisafreeCSSframeworkthatsimplifieswebdevelopmentbyprovidingpre-styledcomponentsandJavaScriptplugins.It'sidealforcreatingresponsive,mobile-firstwebsites,offeringaflexiblegridsystemforlayoutsandasupportivecommunityforlearningandcustomization.

Bootstrap Demystified：一个简单的解释Apr 21, 2025 am 12:13 AM

Bootstrapisafree,open-sourceCSSframeworkthathelpscreateresponsive,mobile-firstwebsites.1)Itoffersagridsystemforlayoutflexibility,2)includespre-styledcomponentsforquickdesign,and3)ishighlycustomizabletoavoidgenericlooks,butrequiresunderstandingCSStoop