Импорт начальной загрузки на страницы проекта через CDN

#html #css #bootstrap-4

#HTML #css #bootstrap-4

Вопрос:

Я хочу использовать bootstrap в моем простом проекте, и я могу успешно импортировать его в свой index.html . Мне также нужна начальная загрузка на других страницах моих проектов, например, about.html нужно ли мне добавлять загрузочный CDN в заголовок этой страницы?

Комментарии:

1. ДА. Если у вас есть код, который вы хотите добавить на многие страницы, вы можете создать файл commoncode.php и поместить его на каждую страницу: <?php include "commoncode.php" ?> . Это похоже на a #include из C: он в основном копирует туда код.

2. Вы читали документы? getbootstrap.com/docs/3.3/getting-started

Ответ №1:

Я хочу использовать bootstrap в моем простом проекте, и я могу импортировать его в свой index.html успешно

Вы можете добавить приведенный ниже код внутрь <head>...</head> .

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1 K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2 l" crossorigin="anonymous">
 

Мне также нужна начальная загрузка на других страницах моих проектов, таких как about.html Нужно ли мне также добавлять загрузочный CDN в заголовок этой страницы?

Если каждая страница представляет собой статический .html файл (без маршрутизации), вам нужно будет добавить таблицу стилей начальной загрузки к каждой из них.

Вы также можете ознакомиться с введением на веб-сайте Bootstrap, поскольку они предоставляют шаблон, который поможет вам начать работу.

Ответ №2:

В проектах HTML5 с фреймворком Bootstrap работать проще, чем с другими библиотеками, в основном было бы достаточно скопировать соответствующие классы компонента, вставить его в индекс и использовать для всего проекта: <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>