Встановлення Bootstrap через CDN
Під час роботи над проєктом на чистому HTML, CSS та JS можна використати CDN для підключення CSS- і JavaScript-файлів Bootstrap безпосередньо до HTML-документа без завантаження їх на локальний комп'ютер.
Ось як можна підключити Bootstrap через CDN у HTML-файлі:
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Відмінність у поведінці
У наведених нижче прикладах буде продемонстровано різницю між стандартними стилями браузера та стилями, застосованими за допомогою Bootstrap. На цьому етапі ми не зосереджуємося на використанні Bootstrap.
Стандартні стилі браузера
index.html
Стилі, застосовані за допомогою Bootstrap
index.html
Пояснення
Обидва приклади містять елемент button з класами btn та btn-primary. Зовнішній вигляд досягається виключно завдяки застосуванню цих двох класів, наданих Bootstrap, без необхідності додаткового CSS-стилювання.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you show me examples of the button with and without Bootstrap?
What are the main visual differences between the default and Bootstrap-styled buttons?
Can you explain what the `btn` and `btn-primary` classes do in Bootstrap?
Чудово!
Completion показник покращився до 3.23Встановлення Bootstrap через CDN
Свайпніть щоб показати меню
Під час роботи над проєктом на чистому HTML, CSS та JS можна використати CDN для підключення CSS- і JavaScript-файлів Bootstrap безпосередньо до HTML-документа без завантаження їх на локальний комп'ютер.
Ось як можна підключити Bootstrap через CDN у HTML-файлі:
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Відмінність у поведінці
У наведених нижче прикладах буде продемонстровано різницю між стандартними стилями браузера та стилями, застосованими за допомогою Bootstrap. На цьому етапі ми не зосереджуємося на використанні Bootstrap.
Стандартні стилі браузера
index.html
Стилі, застосовані за допомогою Bootstrap
index.html
Пояснення
Обидва приклади містять елемент button з класами btn та btn-primary. Зовнішній вигляд досягається виключно завдяки застосуванню цих двох класів, наданих Bootstrap, без необхідності додаткового CSS-стилювання.
Дякуємо за ваш відгук!
