Ir ao contido principal Ir á navegación de documentos
Check
in English

Descargar

Descarga Bootstrap para obter o CSS e JavaScript compilados, o código fonte ou inclínao cos teus xestores de paquetes favoritos como npm, RubyGems e moito máis.

Nesta páxina

CSS e JS compilados

Descarga o código compilado listo para usar para Bootstrap v5.2.1 para entrar facilmente no teu proxecto, que inclúe:

Isto non inclúe documentación, ficheiros fonte nin ningunha dependencia opcional de JavaScript como Popper.

Descargar

Ficheiros fonte

Compila Bootstrap coa túa propia canalización de activos descargando os nosos ficheiros de documentación de orixe, JavaScript e Sass. Esta opción require algunhas ferramentas adicionais:

Se necesitas o noso conxunto completo de ferramentas de compilación , inclúense para desenvolver Bootstrap e os seus documentos, pero é probable que non sexan aptas para os teus propios propósitos.

Fonte de descarga

Exemplos

Se queres descargar e examinar os nosos exemplos , podes coller os exemplos xa construídos:

Descargar Exemplos

CDN a través de jsDelivr

Omita a descarga con jsDelivr para entregar a versión en caché do CSS e JS compilados de Bootstrap ao seu proxecto.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

Se estás a usar o noso JavaScript compilado e prefires incluír Popper por separado, engade Popper antes do noso JS, preferiblemente mediante un CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

Xestores de paquetes

Introduza os ficheiros fonte de Bootstrap en case calquera proxecto con algúns dos xestores de paquetes máis populares. Non importa o xestor de paquetes, Bootstrap necesitará un compilador Sass e un Autoprefixer para unha configuración que coincida coas nosas versións compiladas oficiais.

npm

Instala Bootstrap nas túas aplicacións alimentadas por Node.js co paquete npm :

npm install [email protected]

const bootstrap = require('bootstrap')ou import bootstrap from 'bootstrap'cargará todos os complementos de Bootstrap nun bootstrapobxecto. O bootstrappropio módulo exporta todos os nosos complementos. Podes cargar manualmente os complementos de Bootstrap individualmente cargando os /js/dist/*.jsficheiros no directorio de nivel superior do paquete.

Bootstrap package.jsoncontén algúns metadatos adicionais baixo as seguintes claves:

  • sass- camiño ao ficheiro fonte principal de Sass de Bootstrap
  • style- camiño ao CSS non minificado de Bootstrap que foi compilado usando a configuración predeterminada (sen personalización)
Comeza con Bootstrap a través de npm co noso proxecto de inicio! Diríxete ao repositorio de modelos twbs/bootstrap-npm-starter para ver como crear e personalizar Bootstrap no teu propio proxecto npm. Inclúe o compilador Sass, o prefixo automático, as iconas Stylelint, PurgeCSS e Bootstrap.

fío

Instala Bootstrap nas túas aplicacións alimentadas por Node.js co paquete yarn :

yarn add [email protected]

RubyGems

Instala Bootstrap nas túas aplicacións Ruby usando Bundler ( recomendado ) e RubyGems engadindo a seguinte liña ao teu Gemfile:

gem 'bootstrap', '~> 5.2.1'

Alternativamente, se non estás usando Bundler, podes instalar a xoia executando este comando:

gem install bootstrap -v 5.2.1

Consulta o README da xoia para obter máis detalles.

Compositor

Tamén podes instalar e xestionar Sass e JavaScript de Bootstrap usando Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Se desenvolves en .NET Framework, tamén podes instalar e xestionar CSS ou Sass e JavaScript de Bootstrap usando NuGet . Os proxectos máis novos deberían usar libman ou outro método xa que NuGet está deseñado para código compilado, non para recursos de frontend.

Install-Package bootstrap

Install-Package bootstrap.sass