ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > SpringBootでブートストラップを使用する方法

SpringBootでブートストラップを使用する方法

angryTom
リリース: 2019-07-29 16:11:54
オリジナル
4166 人が閲覧しました

SpringBootでブートストラップを使用する方法

# ブートストラップについて詳しく知りたい場合は、次をクリックしてください:

ブートストラップ チュートリアル

##まず、この文を application.properties ファイルに追加する必要があります。

spring.mvc.static-path-pattern=/**
ログイン後にコピー

SpringBootでブートストラップを使用する方法そうしないと機能しません

別の方法 ブートストラップの 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でブートストラップを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート