La instalación local implica la descarga de archivos estáticos como CSS localmente en nuestro sistema y luego usarlos en nuestra página web. Esto asegura que la copia dada de CSS se cargue desde nuestra máquina local. Esto es diferente al uso de archivos CSS alojados en una CDN donde los archivos se cargarán haciendo una llamada a la CDN.
Existen numerosos casos de uso en los que se necesita una instalación local. Podemos desarrollar nuestras aplicaciones sin Internet ya que los archivos CSS ya están presentes en nuestro sistema. Esto también puede reducir la dependencia de CDN de terceros que pueden cambiar la versión del archivo alojado en la URL dada. Tener una copia local también nos permite realizar cambios en el archivo si surge la necesidad.
En el siguiente ejemplo, descargaremos la última versión de Bootstrap y copiaremos los archivos a nuestro sistema local. Luego incluiremos estos archivos dentro de nuestra carpeta de proyecto usando la etiqueta <link> .
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <head> <!-- Include the local CSS and JS files of Bootstrap on our local system --> <link rel="stylesheet" href="/bootstrap-5.1.1-dist/css/bootstrap.css"> <link rel="stylesheet" href="/bootstrap-5.1.1-dist/js/bootstrap.bundle.js"> <style> .button { padding: 150px 700px; } </style> </head> <body> <div class="button"> <button type="button" class="btn btn-outline-primary"> Hello Geeks </button> </div> </body> </html>
Producción:
Referencia: https://www.geeksforgeeks.org/bootstrap-tutorials
Publicación traducida automáticamente
Artículo escrito por gurjeetsinghvirdee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA