Главная » Языки программирования

Bootstrap min css npm

Содержание
  1. Загрузка
  2. Скомпилированные CSS и JS
  3. Исходные файлы
  4. Примеры
  5. CDN через jsDelivr
  6. Менеджеры пакетов
  7. npm
  8. yarn
  9. RubyGems
  10. Composer
  11. NuGet
  12. Download
  13. Compiled CSS and JS
  14. Source files
  15. Examples
  16. CDN via jsDelivr
  17. Package managers
  18. npm
  19. yarn
  20. RubyGems
  21. Composer
  22. NuGet
  23. Download
  24. Compiled CSS and JS
  25. Source files
  26. Examples
  27. CDN via jsDelivr
  28. Package managers
  29. npm
  30. yarn
  31. RubyGems
  32. Composer
  33. NuGet

Загрузка

Загрузите Bootstrap, чтобы получить скомпилированный исходный код CSS и JavaScript или включите его в свои любимые менеджеры пакетов, такие как npm, Bower, RubyGems или другие.

Скомпилированные CSS и JS

Загрузите готовый к использованию скомпилированный код для Bootstrap v5.0.2, чтобы легко включить его в свой проект, который содержит:

  • Компилированные и «облегченные» пакеты CSS (Смотрите Сравнение файлов CSS)
  • Компилированные и «облегченные» плагины JavaScript. (Смотрите Сравнение файлов JS)

Сюда не входит документация, исходники или сторонние JavaScript-«зависимости», такие как Popper.

Исходные файлы

Скомпилируйте Bootstrap с Вашим собственным конвейером ресурсов, загрузив наши исходные файлы Sass, JavaScript и документации. Этот вариант требует дополнительных инструментов:

  • Компилятор Sass для компиляции исходных файлов Sass в файлы CSS.
  • Автопрефиксатор для создания своих нестандартных CSS.

При работе с Bootstrap вам также могут понадобиться инструменты сборки, но все-таки они не совсем подходят для ваших целей.

Примеры

Если вам интересны наши примеры, то вы можете скачать их одним архивом:

CDN через jsDelivr

Пропустите загрузку с помощью jsDelivr, чтобы добавить в проект кешированную версию скомпилированных в Bootstrap файлов CSS и JS для «облегчения» страницы и ускорения загрузки.

link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">script>

Если вы пользуетесь наш компилированным JavaScript и предпочитаете подключать Popper отдельно, то добавьте Popper перед нашим JS-файлом, желательно через CDN.

script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous">script> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">script>

Менеджеры пакетов

Загрузите исходные файлы Bootstrap в любой проект с помощью популярных менеджеров пакетов. Независимо от менеджера пакетов, Bootstrap потребуется компилятор Sass (препроцессор) и Autoprefixer (постпроцессор) для правильной установки наших скомпилированных версий.

npm

Установите Bootstrap в приложения на базе Node.js с помощью пакета npm:

const bootstrap = require(‘bootstrap’) или import bootstrap from ‘bootstrap’ загрузит все плагины Bootstrap в объект начальной загрузки. Сам bootstrap модуль начальной загрузки экспортирует все наши плагины. Вы можете вручную загрузить плагины Bootstrap по отдельности, загрузив файлы /js/dist/*.js в корневую папку пакета.

Package.json bootstrap содержит некоторые дополнительные метаданные со следующими ключами:

  • sass — путь к главным исходникам Sass Bootstrap
  • style — путь к полной версии CSS Bootstrap, которая предварительно откомпилирована с помощью установок по умолчанию (без настройки)

yarn

Установите Bootstrap в свои приложения на Node.js с пакетом yarn:

RubyGems

Устанавливайте Bootstrap в ваши приложения на Ruby с помощью Bundler (рекомендовано) и системы управления пакетами «RubyGems», просто добавив следующую строку в ваш Gemfile :

Еще один альтернативный способ – если вы не используете Bundler, то вы можете установить gem-файл такой командой:

gem install bootstrap -v 5.0.2

Composer

Вы также можете установить Sass и JavaScript в Bootstrap и управлять ими с помощью пакетного менеджера Composer уровня приложений для PHP:

composer require twbs/bootstrap:5.0.2

NuGet

Если вы занимаетесь разработкой в .NET, то вы также можете устанавливать и управлять базами CSS или Sass и JavaScript для Bootstrap и управлять ими с помощью NuGet:

Install-Package bootstrap.sass

Источник

Download

Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

Compiled CSS and JS

Download ready-to-use compiled code for Bootstrap v5.1.3 to easily drop into your project, which includes:

This doesn’t include documentation, source files, or any optional JavaScript dependencies like Popper.

Source files

Compile Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:

Should you require our full set of build tools, they are included for developing Bootstrap and its docs, but they’re likely unsuitable for your own purposes.

Examples

If you want to download and examine our examples, you can grab the already built examples:

CDN via jsDelivr

Skip the download with jsDelivr to deliver cached version of Bootstrap’s compiled CSS and JS to your project.

link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">script>

If you’re using our compiled JavaScript and prefer to include Popper separately, add Popper before our JS, via a CDN preferably.

script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous">script> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous">script>

Package managers

Pull in Bootstrap’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will require a Sass compiler and Autoprefixer for a setup that matches our official compiled versions.

npm

Install Bootstrap in your Node.js powered apps with the npm package:

const bootstrap = require(‘bootstrap’) or import bootstrap from ‘bootstrap’ will load all of Bootstrap’s plugins onto a bootstrap object. The bootstrap module itself exports all of our plugins. You can manually load Bootstrap’s plugins individually by loading the /js/dist/*.js files under the package’s top-level directory.

Bootstrap’s package.json contains some additional metadata under the following keys:

  • sass — path to Bootstrap’s main Sass source file
  • style — path to Bootstrap’s non-minified CSS that’s been precompiled using the default settings (no customization)

Get started with Bootstrap via npm with our starter project! Head to the twbs/bootstrap-npm-starter template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons.

yarn

Install Bootstrap in your Node.js powered apps with the yarn package:

RubyGems

Install Bootstrap in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile :

Alternatively, if you’re not using Bundler, you can install the gem by running this command:

gem install bootstrap -v 5.1.3

Composer

You can also install and manage Bootstrap’s Sass and JavaScript using Composer:

composer require twbs/bootstrap:5.1.3

NuGet

If you develop in .NET, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet:

Install-Package bootstrap.sass
  • Designed and built with all the love in the world by the Bootstrap team with the help of our contributors.
  • Code licensed MIT, docs CC BY 3.0.
  • Currently v5.1.3.
  • Analytics by Fathom.

Источник

Download

Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

Compiled CSS and JS

Download ready-to-use compiled code for Bootstrap v5.3.0 to easily drop into your project, which includes:

This doesn’t include documentation, source files, or any optional JavaScript dependencies like Popper.

Source files

Compile Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:

Should you require our full set of build tools, they are included for developing Bootstrap and its docs, but they’re likely unsuitable for your own purposes.

Examples

If you want to download and examine our examples, you can grab the already built examples:

CDN via jsDelivr

Skip the download with jsDelivr to deliver cached version of Bootstrap’s compiled CSS and JS to your project.

link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous"> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous">script>

If you’re using our compiled JavaScript and prefer to include Popper separately, add Popper before our JS, via a CDN preferably.

script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">script> script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js" integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous">script>

Package managers

Pull in Bootstrap’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will require a Sass compiler and Autoprefixer for a setup that matches our official compiled versions.

npm

Install Bootstrap in your Node.js powered apps with the npm package:

const bootstrap = require(‘bootstrap’) or import bootstrap from ‘bootstrap’ will load all of Bootstrap’s plugins onto a bootstrap object. The bootstrap module itself exports all of our plugins. You can manually load Bootstrap’s plugins individually by loading the /js/dist/*.js files under the package’s top-level directory.

Bootstrap’s package.json contains some additional metadata under the following keys:

  • sass — path to Bootstrap’s main Sass source file
  • style — path to Bootstrap’s non-minified CSS that’s been compiled using the default settings (no customization)

Get started with Bootstrap via npm with our starter project! Head to the Sass & JS example template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons.

yarn

Install Bootstrap in your Node.js powered apps with the yarn package:

RubyGems

Install Bootstrap in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile :

Alternatively, if you’re not using Bundler, you can install the gem by running this command:

gem install bootstrap -v 5.3.0

Composer

You can also install and manage Bootstrap’s Sass and JavaScript using Composer:

composer require twbs/bootstrap:5.3.0

NuGet

If you develop in .NET Framework, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet. Newer projects should use libman or another method as NuGet is designed for compiled code, not frontend assets.

Install-Package bootstrap.sass
  • Designed and built with all the love in the world by the Bootstrap team with the help of our contributors.
  • Code licensed MIT, docs CC BY 3.0.
  • Currently v5.3.0.

Источник

Читайте также:  line-height
Оцените статью
© 2024 Программирование