Как подключить bootstrap для всех .html файлов в java spring приложении?

Question

У меня есть java spring boot сайт, в нём я использую thymeleaf; Структура файлов такая:

В интернете я посмотрел, как вообще подключается Bootstrap и нашёл для себя удобным способ через , это вроде называется Bootstrap CDN. Как мне применить подключение bootstrap cdn для всех html файлов ?

Думал попробовать с index.html и туда запихать эти и как-то что-то с чем-то протянуть, но я себе это представить не могу и как проверить, подключился ли bootstrap или нет - не знаю.

Хотелось бы узнать какой-нибудь способ подключения bootstrap без костылей, чтобы было всё как-то автоматизировано что-ли и при создании нового .html, не приходилось постоянно прописывать , а так-же чтобы не возникало расхождение версий при обновлении

Answer 1

А в чем проблема прописать CDN в каждом документе, там всего лишь и для css и js ?

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>

А проверку можешь сделать с помощью: <button type="button" class="btn btn-primary">Primary</button>

Синяя кнопка есть - работает.

https://bootstrap5.ru/docs/components/buttons

Answer 2

Сам искал долго как подключить. Вопрос с виду простой, но не найти ответ. Используется Thymeleaf+Spring Boot. В head:

<script type="text/javascript"
    th:href="@{/webjars/jquery/js/jquery.min.js}"
    src="webjars/jquery/3.7.1/jquery.min.js">
</script>
<link rel="stylesheet" href="webjars/bootstrap/5.3.3/css/bootstrap.min.css">

В pom:

<!-- https://mvnrepository.com/artifact/org.webjars/jquery -->
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>jquery</artifactId>
        <version>3.7.1</version>
    </dependency>

    <!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>bootstrap</artifactId>
        <version>5.3.3</version>
    </dependency>

и столкнулся, что понадобилось:

<script type="text/javascript" th:href="@{/webjars/bootstrap/5.3.3/js/bootstrap.bundle.min.js}" src="webjars/bootstrap/5.3.3/js/bootstrap.bundle.min.js"></script>

БЛОГ НА HUSL

Как подключить bootstrap для всех .html файлов в java spring приложении?

Ответы (2 шт):